#6986E9｜カラーサイト.com

#6986E9 の色情報

#6986E9

画像
HEX	#6986E9
RGB	R:105 G:134 B:233
RGBの割合	R:41.2% G:52.5% B:91.4%
HSV	H:226.4 S:54.9 V:91.4
HSL	H:226.4 S:74.4 L:66.3
CMY	C:58.8 M:47.5 Y:8.6

CMYK	C:54.9 M:42.5 Y:0.0 K:8.6
YCbCr	Y:133.4 Cb:175.8 Cr:108.2
XYZ	X:29.1 Y:25.9 Z:80.6
xyY	x:0.214 y:0.191 Y:25.9

CIE Lab	L:58.0 a:18.0 b*:-53.4
CIE LCh	L:58.0 C:56.3 h:288.6
CIE Luv	L:58.0 u:-16.4 v*:-86.3
Hunter Lab	L:50.9 a:12.7 b:-58.1

#6986E9 の色相別色一覧

#E96C69

#E98C69

#E9AC69

#E9CC69

#E6E969

#C6E969

#A6E969

#86E969

#69E96C

#69E98C

#69E9AC

#69E9CC

#69E6E9

#69C6E9

#69A6E9

#6986E9

#6C69E9

#8C69E9

#AC69E9

#CC69E9

#E969E6

#E969C6

#E969A6

#E96986

#6986E9 の彩度別色一覧

#DEE0E9

#D2D7E9

#C6CEE9

#BBC5E9

#AFBCE9

#A3B3E9

#98AAE9

#8CA1E9

#8098E9

#758FE9

#6986E9

#5D7DE9

#5274E9

#466BE9

#3A62E9

#2F59E9

#2350E9

#1747E9

#0C3EE9

#0035E9

#6986E9 の明度別色一覧

#020204

#070910

#0D111D

#13182A

#191F37

#1E2743

#242E50

#2A355D

#303D6A

#354476

#3B4B83

#415390

#475A9D

#4C61A9

#5269B6

#5870C3

#5E77D0

#637FDC

#6986E9

#6F8DF6

#6986E9 を使ったトーンオントーン

#35458C

#141C4D

#5262C2

#6986E9

#374B73

#242D57

#3D4A7D

#6986E9

#30579E

#315ABD

#6986E9

#28468F

#282E59

#4C74B5

#2B346B

#6986E9 を使ったトーンイントーン

#D4EC82

#F37FE3

#6EE48E

#6986E9

#F19580

#A7D263

#D24CC1

#6986E9

#FF8B75

#64D097

#6986E9

#FA8AFF

#8AFFD5

#D56757

#A5DF50

#6986E9 を使ったカマイユ

#657DEC

#6986E9

#5678E1

#5B8BF6

#5B73DF

#6C8FFB

#6986E9

#7791FD

#618AFF

#6B82DA

#6792FB

#7B9AFB

#6986E9

#6C98FB

#759AF3

#6986E9 を使ったフォカマイユ

#7EA7D5

#5259FF

#6986E9

#545CFF

#6A83E1

#4C6BDF

#5C65D5

#4889EE

#4862DA

#6986E9

#4682C8

#7179C3

#6587C3

#6986E9

#5AA3F8

#6986E9 を使ったドミナントカラー

#BFC6DE

#222B47

#292F45

#6986E9

#03269E

#57679E

#6986E9

#293766

#3F60D1

#8499E0

#071647

#585D6E

#6986E9

#B0C0F7

#273257

#6986E9 を使ったトライアド

#6986E9

#E96986

#86E969

#6986E9 を使ったスプリットコンプリメンタリー

#DBE969

#6986E9

#E9A169

#6986E9 を使ったテトラード

#6986E9

#E969C6

#E9CC69

#69E98C

#6986E9 を使ったコントラスト

#6986E9

#E9CC69

#6986E9

#DEE0E9

#6986E9

#2E3B66

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

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

#6986E9

#6986E9 の色情報

#6986E9 の色相別色一覧

#6986E9 の彩度別色一覧

#6986E9 の明度別色一覧

#6986E9 を使ったトーンオントーン

#6986E9 を使ったトーンイントーン

#6986E9 を使ったカマイユ

#6986E9 を使ったフォカマイユ

#6986E9 を使ったドミナントカラー

#6986E9 を使ったトライアド

#6986E9 を使ったスプリットコンプリメンタリー

#6986E9 を使ったテトラード

#6986E9 を使ったコントラスト