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

#6686F5 の色情報

#6686F5

画像
HEX	#6686F5
RGB	R:102 G:134 B:245
RGBの割合	R:40.0% G:52.5% B:96.1%
HSV	H:226.6 S:58.4 V:96.1
HSL	H:226.6 S:87.7 L:68.0
CMY	C:60.0 M:47.5 Y:3.9

CMYK	C:58.4 M:45.3 Y:0.0 K:3.9
YCbCr	Y:133.8 Cb:181.5 Cr:106.1
XYZ	X:30.5 Y:26.5 Z:89.9
xyY	x:0.208 y:0.180 Y:26.5

CIE Lab	L:58.5 a:21.2 b*:-59.2
CIE LCh	L:58.5 C:62.9 h:289.7
CIE Luv	L:58.5 u:-17.5 v*:-96.3
Hunter Lab	L:51.4 a:15.7 b:-67.6

#6686F5 の色相別色一覧

#F56A66

#F58E66

#F5B166

#F5D566

#F1F566

#CEF566

#AAF566

#86F566

#66F56A

#66F58E

#66F5B1

#66F5D5

#66F1F5

#66CEF5

#66AAF5

#6686F5

#6A66F5

#8E66F5

#B166F5

#D566F5

#F566F1

#F566CE

#F566AA

#F56686

#6686F5 の彩度別色一覧

#EDEFF5

#E1E5F5

#D4DCF5

#C8D2F5

#BCC9F5

#B0BFF5

#A3B6F5

#97ACF5

#8BA3F5

#7F99F5

#7290F5

#6686F5

#5A7CF5

#4E73F5

#4169F5

#3560F5

#2956F5

#1D4DF5

#1043F5

#043AF5

#6686F5 の明度別色一覧

#010203

#060810

#0C0F1C

#111629

#161D36

#1C2443

#212B4F

#26325C

#2C3969

#314076

#364782

#3C4E8F

#41559C

#465CA9

#4B63B5

#516AC2

#5671CF

#5B78DC

#617FE8

#6686F5

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

#526FA6

#1A2E54

#2A4373

#2939BD

#6686F5

#6779CC

#6686F5

#343F59

#3D4C75

#556799

#253396

#121A52

#2E5FBD

#1B2E78

#6686F5

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

#FF7456

#BDFF79

#FF6DED

#4BDEAE

#6686F5

#71DCAB

#E18072

#B1E36E

#C74EE1

#D2FF74

#DD63DE

#F0794C

#6686F5

#7BFDB0

#6686F5 を使ったカマイユ

#6D92E6

#4F70FA

#6686F5

#6076FF

#596EDC

#5973ED

#6686F5

#6688EB

#819BFF

#8091F8

#749DFF

#6686F5

#7498FF

#5381E8

#5B88FF

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

#475EE8

#6CA7ED

#6686F5

#7471FD

#79A7E6

#72B0FF

#4E67E1

#4889D6

#86A3ED

#6686F5

#4C90E1

#6686F5

#6B82F0

#3D69DE

#747ED1

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

#6686F5

#193CB5

#1E2333

#6A8AF7

#193594

#B7BBC7

#03134A

#989AA3

#6884E3

#6686F5

#96A4D6

#B5C4F7

#163AB8

#6686F5

#0433D4

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

#6686F5

#F56686

#86F566

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

#E5F566

#6686F5

#F5A566

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

#6686F5

#F566CE

#F5D566

#66F58E

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

#6686F5

#F5D566

#6686F5

#E1E5F5

#6686F5

#2A3866

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

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

#6686F5

#6686F5 の色情報

#6686F5 の色相別色一覧

#6686F5 の彩度別色一覧

#6686F5 の明度別色一覧

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

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

#6686F5 を使ったカマイユ

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

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

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

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

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

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