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

#3A7CC2 の色情報

#3A7CC2

画像
HEX	#3A7CC2
RGB	R:58 G:124 B:194
RGBの割合	R:22.7% G:48.6% B:76.1%
HSV	H:210.9 S:70.1 V:76.1
HSL	H:210.9 S:54.0 L:49.4
CMY	C:77.3 M:51.4 Y:23.9

CMYK	C:70.1 M:36.1 Y:0.0 K:23.9
YCbCr	Y:112.4 Cb:168.5 Cr:94.1
XYZ	X:18.7 Y:19.2 Z:53.8
xyY	x:0.204 y:0.210 Y:19.2

CIE Lab	L:50.9 a:2.3 b*:-42.7
CIE LCh	L:50.9 C:42.7 h:273.0
CIE Luv	L:50.9 u:-25.3 v*:-65.5
Hunter Lab	L:43.8 a:-0.6 b:-42.1

#3A7CC2 の色相別色一覧

#C23C3A

#C25E3A

#C2803A

#C2A23A

#C0C23A

#9EC23A

#7CC23A

#5AC23A

#3AC23C

#3AC25E

#3AC280

#3AC2A2

#3AC0C2

#3A9EC2

#3A7CC2

#3A5AC2

#3C3AC2

#5E3AC2

#803AC2

#A23AC2

#C23AC0

#C23A9E

#C23A7C

#C23A5A

#3A7CC2 の彩度別色一覧

#C2C2C2

#B8BDC2

#AEB8C2

#A5B3C2

#9BAEC2

#91A9C2

#88A4C2

#7E9FC2

#749AC2

#6B95C2

#6190C2

#578BC2

#4D86C2

#4481C2

#3A7CC2

#3077C2

#2772C2

#1D6DC2

#1368C2

#0A63C2

#3A7CC2 の明度別色一覧

#010203

#050A10

#08121C

#0C1A29

#102236

#142B43

#18334F

#1C3B5C

#1F4369

#234B76

#275382

#2B5B8F

#2F649C

#326CA9

#3674B5

#3A7CC2

#3E84CF

#428CDC

#4594E8

#499DF5

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

#0C3669

#3A7CC2

#1257A1

#55B3ED

#293D54

#3A7CC2

#498EF5

#1A3E59

#2A3F6E

#3C6296

#3A7CC2

#0F4875

#1C3E52

#4DB3F2

#2B57A1

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

#D6D444

#3A7CC2

#C73644

#8847B3

#29CF42

#AB435B

#C6D12A

#32BF52

#932BD9

#3A7CC2

#BA4834

#25B043

#3A7CC2

#C032D9

#9BB332

#3A7CC2 を使ったカマイユ

#3E75BD

#3A7CC2

#2E6AB3

#2D68B5

#3D6AAE

#2B73C5

#3D70AE

#3069AE

#3A7CC2

#3D72AE

#4376A9

#3970AE

#366BB0

#3A7CC2

#4375B5

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

#519FE8

#3A7CC2

#4A93BA

#61ABE3

#429FCA

#598BE6

#5DAFDE

#4B7AB3

#3A7CC2

#274FCF

#419DC7

#236FA1

#3C7C9E

#5FA3D4

#3A7CC2

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

#44709E

#4A6480

#3A7CC2

#6482A3

#293038

#7D9CBD

#4F6C8C

#737C85

#3A7CC2

#9AA6B3

#0C2540

#6A7480

#177AE3

#9CC5F0

#3A7CC2

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

#375575

#5FA4ED

#3A7CC2

#4A6C8F

#0273EB

#3A7CC2

#34506E

#3A7CC2

#0F81FA

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

#3A7CC2

#C23A7C

#7CC23A

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

#C2AD3A

#3A7CC2

#C2533A

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

#3A7CC2

#C23AC0

#C2803A

#3AC23C

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

#3A7CC2

#C2803A

#3A7CC2

#9BAEC2

#3A7CC2

#1E4166

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

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

#3A7CC2

#3A7CC2 の色情報

#3A7CC2 の色相別色一覧

#3A7CC2 の彩度別色一覧

#3A7CC2 の明度別色一覧

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

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

#3A7CC2 を使ったカマイユ

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

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

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

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

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

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

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