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

#3A99C2 の色情報

#3A99C2

画像
HEX	#3A99C2
RGB	R:58 G:153 B:194
RGBの割合	R:22.7% G:60.0% B:76.1%
HSV	H:198.1 S:70.1 V:76.1
HSL	H:198.1 S:54.0 L:49.4
CMY	C:77.3 M:40.0 Y:23.9

CMYK	C:70.1 M:21.1 Y:0.0 K:23.9
YCbCr	Y:127.0 Cb:160.1 Cr:83.4
XYZ	X:22.9 Y:27.6 Z:55.2
xyY	x:0.217 y:0.261 Y:27.6

CIE Lab	L:59.5 a:-14.4 b*:-29.3
CIE LCh	L:59.5 C:32.6 h:243.7
CIE Luv	L:59.5 u:-35.6 v*:-43.3
Hunter Lab	L:52.5 a:-14.2 b:-25.5

#3A99C2 の色相別色一覧

#C2413A

#C2633A

#C2853A

#C2A73A

#BBC23A

#99C23A

#77C23A

#55C23A

#3AC241

#3AC263

#3AC285

#3AC2A7

#3ABBC2

#3A99C2

#3A77C2

#3A55C2

#413AC2

#633AC2

#853AC2

#A73AC2

#C23ABB

#C23A99

#C23A77

#C23A55

#3A99C2 の彩度別色一覧

#C2C2C2

#B8BFC2

#AEBCC2

#A5B9C2

#9BB6C2

#91B3C2

#88B0C2

#7EADC2

#74ABC2

#6BA8C2

#61A5C2

#57A2C2

#4D9FC2

#449CC2

#3A99C2

#3096C2

#2793C2

#1D90C2

#138DC2

#0A8AC2

#3A99C2 の明度別色一覧

#010203

#050C10

#08161C

#0C2029

#102A36

#143443

#183F4F

#1C495C

#1F5369

#235D76

#276782

#2B718F

#2F7B9C

#3285A9

#368FB5

#3A99C2

#3EA3CF

#42ADDC

#45B7E8

#49C1F5

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

#45BAE6

#3A99C2

#205969

#40738F

#1D4457

#3A99C2

#2A8FA3

#4BB8EB

#19446B

#0F424A

#082945

#16669C

#1D6280

#3A99C2

#64C0E8

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

#C7404D

#8B2ED1

#98B340

#3A99C2

#2BAB76

#3A99C2

#D19245

#49BA27

#9158DC

#DC3488

#7C3DB3

#3A99C2

#47CC50

#AEA83B

#D13A6C

#3A99C2 を使ったカマイユ

#55B6D4

#3A99C2

#339ABF

#258FB0

#3DB3D4

#349BBA

#3B82A9

#2E8CB8

#3A99C2

#388DB5

#2B81B3

#34AFDC

#3FA5C5

#3A99C2

#46BBDC

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

#3F7BA6

#54A2CC

#3A99C2

#209BBD

#216A9C

#1F5DA3

#188E9E

#3A99C2

#427CA1

#3A769E

#4F8ABD

#4695BD

#3A99C2

#2DC8D6

#26A4C7

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

#485D66

#D5E8F0

#167AA6

#3CB4E8

#3A99C2

#47798F

#51BEED

#26A6DE

#3A99C2

#028AC4

#72919E

#738187

#D4F0FC

#3A99C2

#6D8D9C

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

#42788F

#167CA8

#3A99C2

#6D93A3

#3A99C2

#01648F

#3A99C2

#6B8B99

#254A59

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

#3A99C2

#C23A99

#99C23A

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

#C2903A

#3A99C2

#C23A3E

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

#3A99C2

#A73AC2

#C2633A

#55C23A

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

#3A99C2

#C2633A

#3A99C2

#9BB6C2

#3A99C2

#1E5066

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

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

#3A99C2

#3A99C2 の色情報

#3A99C2 の色相別色一覧

#3A99C2 の彩度別色一覧

#3A99C2 の明度別色一覧

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

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

#3A99C2 を使ったカマイユ

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

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

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

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

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

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

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