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

#3A86B0 の色情報

#3A86B0

画像
HEX	#3A86B0
RGB	R:58 G:134 B:176
RGBの割合	R:22.7% G:52.5% B:69.0%
HSV	H:201.4 S:67.0 V:69.0
HSL	H:201.4 S:50.4 L:45.9
CMY	C:77.3 M:47.5 Y:31.0

CMYK	C:67.0 M:23.9 Y:0.0 K:31.0
YCbCr	Y:115.7 Cb:157.7 Cr:91.7
XYZ	X:18.1 Y:21.1 Z:44.2
xyY	x:0.217 y:0.253 Y:21.1

CIE Lab	L:53.0 a:-9.9 b*:-29.0
CIE LCh	L:53.0 C:30.7 h:251.2
CIE Luv	L:53.0 u:-29.5 v*:-42.7
Hunter Lab	L:45.9 a:-10.0 b:-24.9

#3A86B0 の色相別色一覧

#B0473A

#B0643A

#B0823A

#B09F3A

#A4B03A

#86B03A

#69B03A

#4BB03A

#3AB047

#3AB064

#3AB082

#3AB09F

#3AA4B0

#3A86B0

#3A69B0

#3A4BB0

#473AB0

#643AB0

#823AB0

#9F3AB0

#B03AA4

#B03A86

#B03A69

#B03A4B

#3A86B0 の彩度別色一覧

#ACAFB0

#A4ACB0

#9BA8B0

#92A5B0

#89A2B0

#809FB0

#789CB0

#6F99B0

#6696B0

#5D93B0

#548FB0

#4C8CB0

#4389B0

#3A86B0

#3183B0

#2880B0

#207DB0

#1779B0

#0E76B0

#0573B0

#3A86B0 の明度別色一覧

#03080A

#081217

#0C1B24

#102531

#142F3D

#18384A

#1D4257

#214C64

#255570

#295F7D

#2D698A

#327397

#367CA3

#3A86B0

#3E90BD

#4299CA

#47A3D6

#4BADE3

#4FB7F0

#53C0FD

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

#112E4F

#3A86B0

#40AACF

#355470

#79C1F2

#093747

#3A86B0

#1C778F

#335C7A

#2CC0EB

#29506B

#185394

#0F3257

#3A86B0

#6BC2E8

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

#993453

#4CB557

#7C48A8

#3A86B0

#969729

#25A32F

#844BB8

#B8B649

#3A86B0

#A13F4B

#A67929

#3A86B0

#4E9E41

#9E3968

#7A37BF

#3A86B0 を使ったカマイユ

#3078A6

#3E8DAD

#31759E

#3A86B0

#5194C2

#2D71A6

#3C8AC7

#449FC2

#4693B3

#3A86B0

#4184B5

#3B8AC4

#3A86B0

#2E80B8

#4D8BB3

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

#2168A3

#36A3BA

#3471CF

#5B91CA

#3A86B0

#3FC2D1

#297294

#3A8CBD

#245EA6

#4E89CF

#3A86B0

#4094D6

#226E8A

#5FC2D4

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

#10415C

#1A6C99

#3A86B0

#325569

#1F92D1

#226285

#03679E

#489AC7

#0D4D70

#3A86B0

#3380AB

#2998D6

#3A86B0

#1F4B63

#626669

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

#3A86B0

#7EC1E6

#195678

#2A4D61

#3A86B0

#5F8194

#2DA2E3

#3C4F59

#3A86B0

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

#3A86B0

#B03A86

#86B03A

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

#B08B3A

#3A86B0

#B03D3A

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

#3A86B0

#9F3AB0

#B0643A

#4BB03A

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

#3A86B0

#B0643A

#3A86B0

#92A5B0

#3A86B0

#54C2FF

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

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

#3A86B0

#3A86B0 の色情報

#3A86B0 の色相別色一覧

#3A86B0 の彩度別色一覧

#3A86B0 の明度別色一覧

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

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

#3A86B0 を使ったカマイユ

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

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

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

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

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

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

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