#6686F3｜カラーサイト.com

#6686F3 の色情報

#6686F3

画像
HEX	#6686F3
RGB	R:102 G:134 B:243
RGBの割合	R:40.0% G:52.5% B:95.3%
HSV	H:226.4 S:58.0 V:95.3
HSL	H:226.4 S:85.5 L:67.6
CMY	C:60.0 M:47.5 Y:4.7

CMYK	C:58.0 M:44.9 Y:0.0 K:4.7
YCbCr	Y:133.6 Cb:180.6 Cr:106.2
XYZ	X:30.2 Y:26.3 Z:88.3
xyY	x:0.208 y:0.182 Y:26.3

CIE Lab	L:58.4 a:20.6 b*:-58.3
CIE LCh	L:58.4 C:61.8 h:289.4
CIE Luv	L:58.4 u:-17.5 v*:-94.7
Hunter Lab	L:51.3 a:15.1 b:-66.1

#6686F3 の色相別色一覧

#F36966

#F38D66

#F3B066

#F3D366

#F0F366

#CDF366

#A9F366

#86F366

#66F369

#66F38D

#66F3B0

#66F3D3

#66F0F3

#66CDF3

#66A9F3

#6686F3

#6966F3

#8D66F3

#B066F3

#D366F3

#F366F0

#F366CD

#F366A9

#F36686

#6686F3 の彩度別色一覧

#ECEDF3

#E0E4F3

#D3DBF3

#C7D1F3

#BBC8F3

#AFBEF3

#A3B5F3

#97ACF3

#8AA2F3

#7E99F3

#728FF3

#6686F3

#5A7DF3

#4E73F3

#426AF3

#3560F3

#2957F3

#1D4EF3

#1144F3

#053BF3

#6686F3 の明度別色一覧

#000001

#06070E

#0B0E1A

#101627

#161D34

#1B2441

#202B4D

#26325A

#2B3967

#304074

#364780

#3B4E8D

#41559A

#465CA7

#4B63B3

#516AC0

#5671CD

#5B78DA

#617FE6

#6686F3

#6686F3 を使ったトーンオントーン

#1B346E

#30365E

#6686F3

#4D549E

#4969CC

#2744A1

#7284C2

#303A78

#6686F3

#182A5C

#272F57

#6686F3

#223E9C

#405273

#2D3ABA

#6686F3 を使ったトーンイントーン

#6686F3

#B0DF5B

#EE7273

#E773F0

#59F89C

#D547DF

#C8FF82

#EE7A61

#63F0C9

#6686F3

#54FF63

#FF595B

#D074E4

#6686F3

#F7FF75

#6686F3 を使ったカマイユ

#5E80FF

#6686F3

#7595E6

#5572EB

#729DFD

#6686F3

#7389FF

#5982FF

#557CDA

#6075F0

#788BE6

#6686F3

#5E90FF

#5974DA

#6A7CEB

#6686F3 を使ったフォカマイユ

#5152D4

#7A77E1

#6566D2

#5387FB

#6686F3

#7072FF

#82A3FF

#4C96FF

#82BCFF

#407BDC

#6686F3

#4A92E6

#6197F8

#8FB0FF

#6686F3 を使ったドミナントカラー

#6686F3

#5B7AE3

#575D73

#1B3CAB

#4265DB

#0B1742

#8EA2E8

#B3B7C4

#6686F3

#7C8091

#6686F3

#364473

#0B1C54

#3C3F4A

#8E98BD

#6686F3 を使ったトライアド

#6686F3

#F36686

#86F366

#6686F3 を使ったスプリットコンプリメンタリー

#E4F366

#6686F3

#F3A466

#6686F3 を使ったテトラード

#6686F3

#F366CD

#F3D366

#66F38D

#6686F3 を使ったコントラスト

#6686F3

#F3D366

#6686F3

#E0E4F3

#6686F3

#2B3866

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

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

#6686F3

#6686F3 の色情報

#6686F3 の色相別色一覧

#6686F3 の彩度別色一覧

#6686F3 の明度別色一覧

#6686F3 を使ったトーンオントーン

#6686F3 を使ったトーンイントーン

#6686F3 を使ったカマイユ

#6686F3 を使ったフォカマイユ

#6686F3 を使ったドミナントカラー

#6686F3 を使ったトライアド

#6686F3 を使ったスプリットコンプリメンタリー

#6686F3 を使ったテトラード

#6686F3 を使ったコントラスト