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

#3A86F0 の色情報

#3A86F0

画像
HEX	#3A86F0
RGB	R:58 G:134 B:240
RGBの割合	R:22.7% G:52.5% B:94.1%
HSV	H:214.9 S:75.8 V:94.1
HSL	H:214.9 S:85.8 L:58.4
CMY	C:77.3 M:47.5 Y:5.9

CMYK	C:75.8 M:44.2 Y:0.0 K:5.9
YCbCr	Y:122.0 Cb:185.8 Cr:87.1
XYZ	X:26.0 Y:24.2 Z:85.7
xyY	x:0.191 y:0.178 Y:24.2

CIE Lab	L:56.3 a:12.8 b*:-60.0
CIE LCh	L:56.3 C:61.3 h:282.0
CIE Luv	L:56.3 u:-27.2 v*:-96.0
Hunter Lab	L:49.2 a:8.1 b:-68.8

#3A86F0 の色相別色一覧

#F0493A

#F0773A

#F0A43A

#F0D23A

#E1F03A

#B4F03A

#86F03A

#59F03A

#3AF049

#3AF077

#3AF0A4

#3AF0D2

#3AE1F0

#3AB4F0

#3A86F0

#3A59F0

#493AF0

#773AF0

#A43AF0

#D23AF0

#F03AE1

#F03AB4

#F03A86

#F03A59

#3A86F0 の彩度別色一覧

#EEEFF0

#E2E8F0

#D6E1F0

#CADAF0

#BED3F0

#B2CCF0

#A6C5F0

#9ABEF0

#8EB7F0

#82B0F0

#76A9F0

#6AA2F0

#5E9BF0

#5294F0

#468DF0

#3A86F0

#2E7FF0

#2278F0

#1671F0

#0A6AF0

#3A86F0 の明度別色一覧

#03060B

#060D17

#091424

#0C1B31

#0F223E

#12294A

#153157

#183864

#1B3F71

#1E467D

#214D8A

#245497

#285BA4

#2B62B0

#2E6ABD

#3171CA

#3478D7

#377FE3

#3A86F0

#3D8DFD

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

#143D85

#296CC9

#3A86F0

#1D3447

#093E99

#04174F

#3A86F0

#0F3582

#0C5896

#4D8BC9

#123A9E

#0958CF

#3A86F0

#0D396B

#132247

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

#4EE389

#D5FF3B

#FA2723

#3A86F0

#CB2EFF

#EC4BF8

#3A86F0

#E33036

#38F38F

#ADD723

#DC2421

#3A86F0

#C52BD7

#D5FF2E

#37D97A

#3A86F0 を使ったカマイユ

#4899E8

#3F78E8

#3A86F0

#267CDE

#4C9FFD

#57A6FF

#3691FF

#3173F5

#3A86F0

#337AF3

#2D87E8

#2E84E6

#3A86F0

#4B85F8

#4A97FD

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

#4378FF

#3A86F0

#245ED1

#1F69DE

#207BE3

#3A86F0

#2C5DCF

#499FFA

#4A7CD1

#315EFF

#55A3FA

#247DDC

#3A86F0

#57A0FF

#2C4CD9

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

#1E60BD

#AAC3E6

#3A86F0

#5D87C2

#3E4957

#4D8CE3

#3A86F0

#1E5096

#394F6E

#004099

#1B6CDE

#91AACF

#91BAF2

#123970

#3A86F0

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

#1B62C4

#3A86F0

#415570

#7B93B5

#0D3266

#3A86F0

#394759

#3A86F0

#0D60D4

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

#3A86F0

#F03A86

#86F03A

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

#F0E13A

#3A86F0

#F0673A

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

#3A86F0

#F03AE1

#F0A43A

#3AF049

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

#3A86F0

#F0A43A

#3A86F0

#B2CCF0

#3A86F0

#193966

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

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

#3A86F0

#3A86F0 の色情報

#3A86F0 の色相別色一覧

#3A86F0 の彩度別色一覧

#3A86F0 の明度別色一覧

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

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

#3A86F0 を使ったカマイユ

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

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

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

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

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

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

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