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

#3C6CF9 の色情報

#3C6CF9

画像
HEX	#3C6CF9
RGB	R:60 G:108 B:249
RGBの割合	R:23.5% G:42.4% B:97.6%
HSV	H:224.8 S:75.9 V:97.6
HSL	H:224.8 S:94.0 L:60.6
CMY	C:76.5 M:57.6 Y:2.4

CMYK	C:75.9 M:56.6 Y:0.0 K:2.4
YCbCr	Y:110.3 Cb:197.0 Cr:96.9
XYZ	X:24.3 Y:18.5 Z:91.9
xyY	x:0.180 y:0.137 Y:18.5

CIE Lab	L:50.1 a:32.4 b*:-75.0
CIE LCh	L:50.1 C:81.7 h:293.4
CIE Luv	L:50.1 u:-19.3 v*:-117.2
Hunter Lab	L:43.0 a:25.6 b:-96.5

#3C6CF9 の色相別色一覧

#F96B3C

#F99A3C

#F9C93C

#F9F83C

#CBF93C

#9BF93C

#6CF93C

#3DF93C

#3CF96B

#3CF99A

#3CF9C9

#3CF9F8

#3CCBF9

#3C9BF9

#3C6CF9

#3C3DF9

#6B3CF9

#9A3CF9

#C93CF9

#F83CF9

#F93CCB

#F93C9B

#F93C6C

#F93C3D

#3C6CF9 の彩度別色一覧

#F7F7F9

#EAEEF9

#DEE5F9

#D1DBF9

#C5D2F9

#B9C9F9

#ACC0F9

#A0B6F9

#93ADF9

#87A4F9

#7A9AF9

#6E91F9

#6188F9

#557FF9

#4875F9

#3C6CF9

#3063F9

#2359F9

#1750F9

#0A47F9

#3C6CF9 の明度別色一覧

#020307

#050814

#080E20

#0B142D

#0E193A

#111F47

#142453

#172A60

#1A2F6D

#1D357A

#203A86

#234093

#2645A0

#2A4BAD

#2D50B9

#3056C6

#335BD3

#3661E0

#3966EC

#3C6CF9

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

#142CA3

#0C2652

#3C6CF9

#0B2C78

#2538D9

#2757C4

#3C6CF9

#2F509C

#314075

#030C4D

#253CBF

#112354

#3C6CF9

#12259E

#222A7A

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

#3C6CF9

#4DEFD0

#FE43FF

#76FF36

#E0763A

#D131E7

#3BEC9C

#AEFC30

#3C6CF9

#EF5C4F

#FFEE57

#D131FF

#FE4A66

#3C6CF9

#52FF60

#3C6CF9 を使ったカマイユ

#5483FF

#3C6CF9

#215EEA

#3360FF

#387BFF

#3B63E2

#496FF4

#4268FC

#406DE5

#3C6CF9

#2B4FEC

#3666FF

#346CE2

#3871FF

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

#1A49FF

#387FFF

#3C6CF9

#5D8EEF

#5C5DFF

#4D4DFF

#5792FF

#4A99FE

#459DFF

#3C6CF9

#1A41FF

#2C7AFF

#335DFF

#596DFF

#3C6CF9

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

#8990A3

#3C6CF9

#17213D

#394770

#0E37B0

#475FA8

#A7B0C9

#3C6CF9

#3C3E45

#575C6E

#143CB3

#3C6CF9

#2D395C

#071A52

#002287

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

#3C6CF9

#F93C6C

#6CF93C

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

#EAF93C

#3C6CF9

#F98A3C

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

#3C6CF9

#F93CCB

#F9C93C

#3CF96B

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

#3C6CF9

#F9C93C

#3C6CF9

#B9C9F9

#3C6CF9

#192C66

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

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

#3C6CF9

#3C6CF9 の色情報

#3C6CF9 の色相別色一覧

#3C6CF9 の彩度別色一覧

#3C6CF9 の明度別色一覧

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

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

#3C6CF9 を使ったカマイユ

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

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

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

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

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

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