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

#3A99C0 の色情報

#3A99C0

画像
HEX	#3A99C0
RGB	R:58 G:153 B:192
RGBの割合	R:22.7% G:60.0% B:75.3%
HSV	H:197.5 S:69.8 V:75.3
HSL	H:197.5 S:53.6 L:49.0
CMY	C:77.3 M:40.0 Y:24.7

CMYK	C:69.8 M:20.3 Y:0.0 K:24.7
YCbCr	Y:126.8 Cb:159.2 Cr:83.5
XYZ	X:22.6 Y:27.5 Z:54.0
xyY	x:0.218 y:0.264 Y:27.5

CIE Lab	L:59.4 a:-15.1 b*:-28.3
CIE LCh	L:59.4 C:32.0 h:241.9
CIE Luv	L:59.4 u:-35.7 v*:-41.6
Hunter Lab	L:52.4 a:-14.6 b:-24.3

#3A99C0 の色相別色一覧

#C0403A

#C0613A

#C0833A

#C0A43A

#BBC03A

#99C03A

#78C03A

#56C03A

#3AC040

#3AC061

#3AC083

#3AC0A4

#3ABBC0

#3A99C0

#3A78C0

#3A56C0

#403AC0

#613AC0

#833AC0

#A43AC0

#C03ABB

#C03A99

#C03A78

#C03A56

#3A99C0 の彩度別色一覧

#B7BDC0

#ADBBC0

#A4B8C0

#9AB5C0

#90B2C0

#87AFC0

#7DADC0

#74AAC0

#6AA7C0

#60A4C0

#57A1C0

#4D9FC0

#449CC0

#3A99C0

#3096C0

#2793C0

#1D91C0

#148EC0

#0A8BC0

#0088C0

#3A99C0 の明度別色一覧

#000101

#040B0E

#08151A

#0C1F27

#102934

#133341

#173E4D

#1B485A

#1F5267

#235C74

#276680

#2B708D

#2E7B9A

#3285A7

#368FB3

#3A99C0

#3EA3CD

#42ADDA

#46B7E6

#49C2F3

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

#245B6E

#307996

#1EBDF5

#1E3445

#3A99C0

#2F536B

#50B1EB

#3A99C0

#1D3445

#3F849C

#298CA3

#6BD0E8

#0D6473

#3A99C0

#104E57

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

#3A99C0

#883FAE

#B6252B

#27B845

#A2B642

#A99B2C

#47D743

#B14455

#3A99C0

#9655DA

#3A99C0

#C34E6C

#6C2CC8

#BBA53E

#4AD73F

#3A99C0 を使ったカマイユ

#4890B8

#3D8DA9

#409BBB

#39A2CA

#3A99C0

#2E93AE

#2AA7CF

#3A99C0

#509BC8

#4CB2CD

#2A84A7

#3A99C0

#489FB8

#37B0DA

#32ACD7

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

#3A99C0

#499FC5

#2892D2

#30B1D7

#4AA0A7

#3A99C0

#446B9A

#36679A

#2885E6

#5695D2

#3594A4

#19589A

#356AA4

#589EE6

#3A99C0

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

#3A99C0

#2A6178

#166382

#4B8196

#407A91

#1DA4DB

#B8EAFF

#313436

#3A99C0

#8FB1BF

#3A99C0

#48C4F7

#5CB3D6

#28424D

#283C45

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

#3A99C0

#335B6B

#07B3FA

#375E6E

#13AEED

#3A99C0

#325766

#62C7F0

#3A99C0

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

#3A99C0

#C03A99

#99C03A

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

#C08E3A

#3A99C0

#C03A40

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

#3A99C0

#A43AC0

#C0613A

#56C03A

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

#3A99C0

#C0613A

#3A99C0

#9AB5C0

#3A99C0

#1F5166

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

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

#3A99C0

#3A99C0 の色情報

#3A99C0 の色相別色一覧

#3A99C0 の彩度別色一覧

#3A99C0 の明度別色一覧

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

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

#3A99C0 を使ったカマイユ

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

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

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

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

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

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

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