#3A8CF2｜カラーサイト.com

#3A8CF2 の色情報

#3A8CF2

画像
HEX	#3A8CF2
RGB	R:58 G:140 B:242
RGBの割合	R:22.7% G:54.9% B:94.9%
HSV	H:213.3 S:76.0 V:94.9
HSL	H:213.3 S:87.6 L:58.8
CMY	C:77.3 M:45.1 Y:5.1

CMYK	C:76.0 M:42.1 Y:0.0 K:5.1
YCbCr	Y:125.2 Cb:184.9 Cr:84.8
XYZ	X:27.1 Y:26.1 Z:87.6
xyY	x:0.193 y:0.185 Y:26.1

CIE Lab	L:58.1 a:9.9 b*:-58.3
CIE LCh	L:58.1 C:59.1 h:279.6
CIE Luv	L:58.1 u:-29.1 v*:-93.5
Hunter Lab	L:51.1 a:5.6 b:-66.0

#3A8CF2 の色相別色一覧

#F2443A

#F2723A

#F2A03A

#F2CE3A

#E8F23A

#BAF23A

#8CF23A

#5EF23A

#3AF244

#3AF272

#3AF2A0

#3AF2CE

#3AE8F2

#3ABAF2

#3A8CF2

#3A5EF2

#443AF2

#723AF2

#A03AF2

#CE3AF2

#F23AE8

#F23ABA

#F23A8C

#F23A5E

#3A8CF2 の彩度別色一覧

#F0F1F2

#E3EAF2

#D7E3F2

#CBDCF2

#BFD6F2

#B3CFF2

#A7C8F2

#9BC2F2

#8FBBF2

#83B4F2

#77AEF2

#6AA7F2

#5EA0F2

#5299F2

#4693F2

#3A8CF2

#2E85F2

#227FF2

#1678F2

#0A71F2

#3A8CF2 の明度別色一覧

#03070D

#060F19

#091626

#0C1D33

#0F2540

#122C4C

#153359

#183B66

#1B4273

#1E4A7F

#22518C

#255899

#2860A6

#2B67B2

#2E6EBF

#3176CC

#347DD9

#3785E5

#3A8CF2

#3D93FF

#3A8CF2 を使ったトーンオントーン

#3262B8

#153C99

#1E2E45

#2E4B7D

#3A8CF2

#0B3059

#2B5AA1

#2D577A

#397DCC

#0C4FCF

#1B3654

#1E6294

#0D4F80

#3A8CF2

#3A8CF2 を使ったトーンイントーン

#DCFF45

#FF3829

#3BFFA4

#3A8CF2

#BD44DB

#DE2130

#3A8CF2

#D8E048

#4AFF90

#9A2BE3

#FBFF45

#54FF60

#B62DFA

#3A8CF2

#FF4F66

#3A8CF2 を使ったカマイユ

#3A8CF2

#3E88DE

#4A97FF

#5495FF

#266DE0

#4286ED

#2181EF

#3799EF

#3F89E0

#3A8CF2

#316FDE

#4190FA

#3A8CF2

#3D84E3

#3B9CFF

#3A8CF2 を使ったフォカマイユ

#3A8CF2

#2976FF

#5EC3FF

#52B0FF

#5293FF

#147BE3

#3A8CF2

#1948E5

#3EA0CE

#355DFF

#3D84E3

#5273FF

#4FA5DB

#3A8CF2

#1858DB

#3A8CF2 を使ったドミナントカラー

#384B63

#3A8CF2

#B4BAC2

#303945

#53585E

#3C6291

#3A8CF2

#ADB3BA

#54A0FF

#0D3D78

#113057

#5D6A7A

#5990D4

#3A8CF2

#0551B0

#3A8CF2 を使ったアイデンティティ

#3C5778

#3A8CF2

#4371AB

#4574AD

#3A8CF2

#426187

#6486B0

#3A8CF2

#104382

#3A8CF2 を使ったトライアド

#3A8CF2

#F23A8C

#8CF23A

#3A8CF2 を使ったスプリットコンプリメンタリー

#F2DD3A

#3A8CF2

#F2633A

#3A8CF2 を使ったテトラード

#3A8CF2

#F23AE8

#F2A03A

#3AF244

#3A8CF2 を使ったコントラスト

#3A8CF2

#F2A03A

#3A8CF2

#B3CFF2

#3A8CF2

#183B66

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

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

#3A8CF2

#3A8CF2 の色情報

#3A8CF2 の色相別色一覧

#3A8CF2 の彩度別色一覧

#3A8CF2 の明度別色一覧

#3A8CF2 を使ったトーンオントーン

#3A8CF2 を使ったトーンイントーン

#3A8CF2 を使ったカマイユ

#3A8CF2 を使ったフォカマイユ

#3A8CF2 を使ったドミナントカラー

#3A8CF2 を使ったアイデンティティ

#3A8CF2 を使ったトライアド

#3A8CF2 を使ったスプリットコンプリメンタリー

#3A8CF2 を使ったテトラード

#3A8CF2 を使ったコントラスト