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

#3DA6F0 の色情報

#3DA6F0

画像
HEX	#3DA6F0
RGB	R:61 G:166 B:240
RGBの割合	R:23.9% G:65.1% B:94.1%
HSV	H:204.8 S:74.6 V:94.1
HSL	H:204.8 S:85.6 L:59.0
CMY	C:76.1 M:34.9 Y:5.9

CMYK	C:74.6 M:30.8 Y:0.0 K:5.9
YCbCr	Y:138.9 Cb:176.0 Cr:76.7
XYZ	X:31.3 Y:34.6 Z:87.5
xyY	x:0.204 y:0.225 Y:34.6

CIE Lab	L:65.4 a:-5.6 b*:-45.6
CIE LCh	L:65.4 C:45.9 h:263.0
CIE Luv	L:65.4 u:-37.3 v*:-72.5
Hunter Lab	L:58.8 a:-7.9 b:-47.1

#3DA6F0 の色相別色一覧

#F05A3D

#F0873D

#F0B43D

#F0E13D

#D3F03D

#A6F03D

#79F03D

#4DF03D

#3DF05A

#3DF087

#3DF0B4

#3DF0E1

#3DD3F0

#3DA6F0

#3D79F0

#3D4DF0

#5A3DF0

#873DF0

#B43DF0

#E13DF0

#F03DD3

#F03DA6

#F03D79

#F03D4C

#3DA6F0 の彩度別色一覧

#E5EBF0

#D9E6F0

#CDE2F0

#C1DDF0

#B5D8F0

#A9D3F0

#9DCEF0

#91C9F0

#85C4F0

#79BFF0

#6DBAF0

#61B5F0

#55B0F0

#49ABF0

#3DA6F0

#31A1F0

#259CF0

#1997F0

#0D92F0

#018DF0

#3DA6F0 の明度別色一覧

#03070B

#061017

#091924

#0C2231

#102B3E

#13334A

#163C57

#194564

#1D4E71

#20577D

#235F8A

#266897

#2A71A4

#2D7AB0

#3083BD

#338CCA

#3794D7

#3A9DE3

#3DA6F0

#40AFFD

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

#04244D

#3DA6F0

#326082

#346A96

#247FC4

#0D2E4F

#2D93C9

#3DA6F0

#275E85

#36739C

#1AA2CF

#3DA6F0

#106EA8

#0D2C52

#1E4D75

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

#DE3451

#E9FF3E

#44E188

#3DA6F0

#BB49DC

#B4DE3F

#F84650

#BB48E6

#3DA6F0

#3EFF94

#9D2ED9

#3DA6F0

#E3DE4E

#FF2F3E

#4BFF6E

#3DA6F0 を使ったカマイユ

#3F8FDE

#2896F5

#3DA6F0

#5AC4FD

#4693D9

#399DFF

#359FE1

#2B97F5

#3DA6F0

#49A7D9

#2893E8

#3DA6F0

#479EE1

#269BE8

#55C4FF

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

#1D91E8

#45B2CA

#2471FD

#4898FF

#3DA6F0

#53C0FF

#52ADE1

#40B7D4

#3DA6F0

#478BD4

#53B2FF

#27A8DE

#3DA6F0

#2BA3D1

#20C4FF

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

#2E6D99

#637480

#226CA1

#3DA6F0

#314A5C

#518CB5

#CED9E0

#0B3552

#3DA6F0

#336182

#308AC9

#B9D8ED

#0764A6

#3DA6F0

#79AED4

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

#4E718A

#3DA6F0

#1F84CC

#3C5669

#3DA6F0

#027ACF

#3DA6F0

#2E536E

#7CABCC

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

#3DA6F0

#F03DA6

#A6F03D

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

#F0C33D

#3DA6F0

#F04B3D

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

#3DA6F0

#E13DF0

#F0873D

#4CF03D

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

#3DA6F0

#F0873D

#3DA6F0

#B5D8F0

#3DA6F0

#1A4766

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

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

#3DA6F0

#3DA6F0 の色情報

#3DA6F0 の色相別色一覧

#3DA6F0 の彩度別色一覧

#3DA6F0 の明度別色一覧

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

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

#3DA6F0 を使ったカマイユ

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

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

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

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

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

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

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