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

#3A6CB0 の色情報

#3A6CB0

画像
HEX	#3A6CB0
RGB	R:58 G:108 B:176
RGBの割合	R:22.7% G:42.4% B:69.0%
HSV	H:214.6 S:67.0 V:69.0
HSL	H:214.6 S:50.4 L:45.9
CMY	C:77.3 M:57.6 Y:31.0

CMYK	C:67.0 M:38.6 Y:0.0 K:31.0
YCbCr	Y:102.6 Cb:165.3 Cr:101.2
XYZ	X:14.9 Y:14.8 Z:43.1
xyY	x:0.205 y:0.203 Y:14.8

CIE Lab	L:45.3 a:5.6 b*:-41.2
CIE LCh	L:45.3 C:41.6 h:277.8
CIE Luv	L:45.3 u:-20.3 v*:-61.9
Hunter Lab	L:38.4 a:2.2 b:-39.7

#3A6CB0 の色相別色一覧

#B0433A

#B0613A

#B07E3A

#B09C3A

#A7B03A

#8AB03A

#6CB03A

#4FB03A

#3AB043

#3AB061

#3AB07E

#3AB09C

#3AA7B0

#3A8AB0

#3A6CB0

#3A4FB0

#433AB0

#613AB0

#7E3AB0

#9C3AB0

#B03AA7

#B03A8A

#B03A6C

#B03A4F

#3A6CB0 の彩度別色一覧

#ACAEB0

#A4A9B0

#9BA4B0

#929FB0

#899AB0

#8095B0

#788FB0

#6F8AB0

#6685B0

#5D80B0

#547BB0

#4C76B0

#4371B0

#3A6CB0

#3167B0

#2862B0

#205DB0

#1758B0

#0E53B0

#054EB0

#3A6CB0 の明度別色一覧

#03060A

#080E17

#0C1624

#101E31

#14263D

#182D4A

#1D3557

#213D64

#254570

#294D7D

#2D558A

#325C97

#3664A3

#3A6CB0

#3E74BD

#427CCA

#4783D6

#4B8BE3

#4F93F0

#539BFD

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

#518CE8

#215380

#194C8C

#3A6CB0

#233147

#3277E3

#3D567D

#2C4C96

#2A3A5C

#3A6CB0

#11324F

#0F3969

#619ECF

#3A6CB0

#588DF5

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

#7F28A8

#3A6CB0

#C22E4B

#C4B137

#2B9E43

#BD332D

#3A6CB0

#42C298

#8FC42F

#893DA1

#CA544E

#8E37A1

#99C748

#47B37A

#3A6CB0

#3A6CB0 を使ったカマイユ

#2F6199

#3A6CB0

#376EAB

#3C84CA

#4074B3

#487DCA

#3366A6

#3A6CB0

#356DAB

#3D68A6

#3A6CB0

#42719E

#2E5DA6

#5386C7

#2A5197

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

#244197

#24578C

#3A6CB0

#3192CC

#46699C

#2542A8

#3D52AB

#3A6CB0

#4688BD

#5692BF

#204891

#4A5D9E

#3A6CB0

#5185C7

#5698BA

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

#172F4F

#496FA3

#3A6CB0

#616366

#1A293D

#416BA3

#5F6C7D

#3A6CB0

#3C75C2

#A2A8B0

#2F79DE

#3A6CB0

#B2C2D9

#6C83A3

#2F6EC4

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

#415A7D

#3A6CB0

#154C96

#034094

#3A6CB0

#2C425E

#0F3C7A

#3A6CB0

#8CB8F5

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

#3A6CB0

#B03A6C

#6CB03A

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

#B0A53A

#3A6CB0

#B0573A

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

#3A6CB0

#B03AA7

#B07E3A

#3AB043

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

#3A6CB0

#B07E3A

#3A6CB0

#929FB0

#3A6CB0

#549CFF

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

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

#3A6CB0

#3A6CB0 の色情報

#3A6CB0 の色相別色一覧

#3A6CB0 の彩度別色一覧

#3A6CB0 の明度別色一覧

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

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

#3A6CB0 を使ったカマイユ

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

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

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

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

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

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

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