#2BA2F9｜カラーサイト.com

#2BA2F9 の色情報

#2BA2F9

画像
HEX	#2BA2F9
RGB	R:43 G:162 B:249
RGBの割合	R:16.9% G:63.5% B:97.6%
HSV	H:205.3 S:82.7 V:97.6
HSL	H:205.3 S:94.5 L:57.3
CMY	C:83.1 M:36.5 Y:2.4

CMYK	C:82.7 M:34.9 Y:0.0 K:2.4
YCbCr	Y:133.1 Cb:183.8 Cr:69.6
XYZ	X:31.0 Y:33.2 Z:94.4
xyY	x:0.196 y:0.209 Y:33.2

CIE Lab	L:64.3 a:-2.0 b*:-52.2
CIE LCh	L:64.3 C:52.3 h:267.8
CIE Luv	L:64.3 u:-37.8 v*:-84.0
Hunter Lab	L:57.6 a:-4.7 b:-56.8

#2BA2F9 の色相別色一覧

#F94F2B

#F9822B

#F9B62B

#F9E92B

#D6F92B

#A2F92B

#6FF92B

#3BF92B

#2BF94F

#2BF982

#2BF9B6

#2BF9E9

#2BD6F9

#2BA2F9

#2B6FF9

#2B3BF9

#4F2BF9

#822BF9

#B62BF9

#E92BF9

#F92BD6

#F92BA2

#F92B6F

#F92B3B

#2BA2F9 の彩度別色一覧

#F2F6F9

#E6F1F9

#D9ECF9

#CDE6F9

#C0E1F9

#B4DCF9

#A8D7F9

#9BD1F9

#8FCCF9

#82C7F9

#76C2F9

#69BCF9

#5DB7F9

#50B2F9

#44ADF9

#37A7F9

#2BA2F9

#1F9DF9

#1297F9

#0692F9

#2BA2F9 の明度別色一覧

#010407

#030D14

#061520

#081D2D

#0A263A

#0C2E47

#0E3653

#113E60

#13476D

#154F7A

#175786

#196093

#1C68A0

#1E70AD

#2079B9

#2281C6

#2489D3

#2791E0

#299AEC

#2BA2F9

#2BA2F9 を使ったトーンオントーン

#2BA2F9

#1A73AB

#193345

#2561B8

#0F3C78

#00519E

#20495E

#3A8CCC

#22586E

#2BA2F9

#2F60A1

#1B4C7A

#2BA2F9

#193552

#469EBD

#2BA2F9 を使ったトーンイントーン

#BDE72A

#3BE271

#E22B20

#C624FF

#2BA2F9

#AE15E0

#3FF15E

#2BA2F9

#EA264F

#F6EE32

#8B15FF

#3CEF58

#FF225F

#2BA2F9

#FFFD40

#2BA2F9 を使ったカマイユ

#157EE2

#198EF6

#368DE0

#2BA2F9

#429EF1

#36BBFF

#3BBDFF

#3CB0EC

#2BA2F9

#308FE0

#40A1FE

#42A1FC

#3E9DFF

#2BA2F9

#238AF4

#2BA2F9 を使ったフォカマイユ

#3C95D3

#2BA2F9

#0C56DA

#27B2FF

#36B8FF

#0886FF

#2BA2F9

#1AB9FF

#06AFFF

#2283E0

#40B9EA

#4496DA

#4D8AFF

#2BA2F9

#3699FF

#2BA2F9 を使ったドミナントカラー

#58636B

#032036

#2BA2F9

#113C5C

#0F283B

#3D9BE0

#2F536E

#1198FA

#274459

#2BA2F9

#0C7BCC

#608AA8

#276591

#B7C2C9

#2BA2F9 を使ったアイデンティティ

#06416B

#799FBA

#2BA2F9

#536E82

#4891C7

#658AA6

#2BA2F9

#305B7A

#2BA2F9 を使ったトライアド

#2BA2F9

#F92BA2

#A2F92B

#2BA2F9 を使ったスプリットコンプリメンタリー

#F9C72B

#2BA2F9

#F93D2B

#2BA2F9 を使ったテトラード

#2BA2F9

#E92BF9

#F9822B

#3BF92B

#2BA2F9 を使ったコントラスト

#2BA2F9

#F9822B

#2BA2F9

#A8D7F9

#2BA2F9

#124266

#2BA2F9の色見本やRGB、HSVなどの詳しい色情報を見ることができます。

#2BA2F9の色相や彩度を変えたときの配色なども一覧で表示します。

#2BA2F9

#2BA2F9 の色情報

#2BA2F9 の色相別色一覧

#2BA2F9 の彩度別色一覧

#2BA2F9 の明度別色一覧

#2BA2F9 を使ったトーンオントーン

#2BA2F9 を使ったトーンイントーン

#2BA2F9 を使ったカマイユ

#2BA2F9 を使ったフォカマイユ

#2BA2F9 を使ったドミナントカラー

#2BA2F9 を使ったアイデンティティ

#2BA2F9 を使ったトライアド

#2BA2F9 を使ったスプリットコンプリメンタリー

#2BA2F9 を使ったテトラード

#2BA2F9 を使ったコントラスト