#8BA9E2｜カラーサイト.com

#8BA9E2 の色情報

#8BA9E2

画像
HEX	#8BA9E2
RGB	R:139 G:169 B:226
RGBの割合	R:54.5% G:66.3% B:88.6%
HSV	H:219.3 S:38.5 V:88.6
HSL	H:219.3 S:60.0 L:71.6
CMY	C:45.5 M:33.7 Y:11.4

CMYK	C:38.5 M:25.2 Y:0.0 K:11.4
YCbCr	Y:159.0 Cb:157.5 Cr:110.8
XYZ	X:38.6 Y:39.4 Z:77.5
xyY	x:0.248 y:0.253 Y:39.4

CIE Lab	L:69.0 a:3.7 b*:-32.0
CIE LCh	L:69.0 C:32.2 h:276.7
CIE Luv	L:69.0 u:-16.9 v*:-51.3
Hunter Lab	L:62.7 a:-0.1 b:-29.3

#8BA9E2 の色相別色一覧

#E2998B

#E2AE8B

#E2C48B

#E2DA8B

#D5E28B

#BFE28B

#A9E28B

#93E28B

#8BE299

#8BE2AE

#8BE2C4

#8BE2DA

#8BD5E2

#8BBFE2

#8BA9E2

#8B93E2

#998BE2

#AE8BE2

#C48BE2

#DA8BE2

#E28BD5

#E28BBF

#E28BA9

#E28B93

#8BA9E2 の彩度別色一覧

#DADDE2

#CFD5E2

#C4CEE2

#B8C7E2

#ADBFE2

#A2B8E2

#96B0E2

#8BA9E2

#80A2E2

#749AE2

#6993E2

#5E8BE2

#5384E2

#477DE2

#3C75E2

#316EE2

#2566E2

#1A5FE2

#0F58E2

#0350E2

#8BA9E2 の明度別色一覧

#060709

#0E1016

#151A23

#1D2430

#252D3C

#2D3749

#354056

#3D4A63

#44536F

#4C5D7C

#546689

#5C7096

#6479A2

#6C83AF

#738CBC

#7B96C9

#839FD5

#8BA9E2

#93B3EF

#9BBCFC

#8BA9E2 を使ったトーンオントーン

#455A6E

#4B5B94

#5C83BA

#8BA9E2

#25364A

#8BA9E2

#6E8BB5

#556D9E

#393D52

#4E5E70

#3B4457

#415775

#8BA9E2

#7183B5

#617696

#8BA9E2 を使ったトーンイントーン

#ADF9D1

#E5837F

#B6D071

#8BA9E2

#F5ABF9

#9BF4CB

#8BA9E2

#BA6DD0

#D58481

#C9DA75

#D08988

#8BA9E2

#E9A2EC

#D2E783

#82FCB7

#8BA9E2 を使ったカマイユ

#8AA9D5

#95B5DF

#A8C7F9

#8BA9E2

#759DDF

#8BA9E2

#7197D3

#A5C2EA

#A5B6E7

#87AFF4

#8BA9E2

#7395DF

#8EA8D5

#9CC4F9

#98B3D5

#8BA9E2 を使ったフォカマイユ

#666EBE

#A6BFF6

#7DA4DD

#8BA9E2

#B4C0FF

#A1B5D5

#A9CDF6

#89C4F6

#8BA9E2

#8BA7D8

#6E79C6

#97A5C6

#86CCFF

#7B86EF

#8BA9E2

#8BA9E2 を使ったドミナントカラー

#8BA9E2

#979FAD

#7A7E85

#4C689E

#366DD6

#517AC9

#1D2D4D

#8BA9E2

#2158C2

#D7E2F5

#8BA9E2

#283142

#415273

#4F84E8

#032E80

#8BA9E2 を使ったアイデンティティ

#8BA9E2

#113780

#4A6BA8

#183A7A

#8BA9E2

#3059A6

#0E41A1

#374D75

#8BA9E2

#8BA9E2 を使ったトライアド

#8BA9E2

#E28BA9

#A9E28B

#8BA9E2 を使ったスプリットコンプリメンタリー

#E2E18B

#8BA9E2

#E2A78B

#8BA9E2 を使ったテトラード

#8BA9E2

#E28BD5

#E2C48B

#8BE299

#8BA9E2 を使ったコントラスト

#8BA9E2

#E2C48B

#8BA9E2

#1A5FE2

#8BA9E2

#3F4C66

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

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

#8BA9E2

#8BA9E2 の色情報

#8BA9E2 の色相別色一覧

#8BA9E2 の彩度別色一覧

#8BA9E2 の明度別色一覧

#8BA9E2 を使ったトーンオントーン

#8BA9E2 を使ったトーンイントーン

#8BA9E2 を使ったカマイユ

#8BA9E2 を使ったフォカマイユ

#8BA9E2 を使ったドミナントカラー

#8BA9E2 を使ったアイデンティティ

#8BA9E2 を使ったトライアド

#8BA9E2 を使ったスプリットコンプリメンタリー

#8BA9E2 を使ったテトラード

#8BA9E2 を使ったコントラスト