#686AEB｜カラーサイト.com

#686AEB の色情報

#686AEB

画像
HEX	#686AEB
RGB	R:104 G:106 B:235
RGBの割合	R:40.8% G:41.6% B:92.2%
HSV	H:239.1 S:55.7 V:92.2
HSL	H:239.1 S:76.6 L:66.5
CMY	C:59.2 M:58.4 Y:7.8

CMYK	C:55.7 M:54.9 Y:0.0 K:7.8
YCbCr	Y:119.2 Cb:184.9 Cr:118.0
XYZ	X:25.9 Y:19.2 Z:81.0
xyY	x:0.205 y:0.153 Y:19.2

CIE Lab	L:51.0 a:35.3 b*:-65.7
CIE LCh	L:51.0 C:74.6 h:298.2
CIE Luv	L:51.0 u:-8.2 v*:-104.4
Hunter Lab	L:43.9 a:28.4 b:-78.7

#686AEB の色相別色一覧

#EB8768

#EBA868

#EBC868

#EBE968

#CCEB68

#ACEB68

#8BEB68

#6AEB68

#68EB87

#68EBA8

#68EBC8

#68EBE9

#68CCEB

#68ACEB

#688BEB

#686AEB

#8768EB

#A868EB

#C868EB

#E968EB

#EB68CC

#EB68AC

#EB688B

#EB686A

#686AEB の彩度別色一覧

#E9E9EB

#DEDEEB

#D2D2EB

#C6C7EB

#BABBEB

#AFAFEB

#A3A4EB

#9798EB

#8B8DEB

#8081EB

#7476EB

#686AEB

#5C5EEB

#5153EB

#4547EB

#393CEB

#2D30EB

#2225EB

#1619EB

#0A0DEB

#686AEB の明度別色一覧

#020206

#080812

#0E0E1F

#13142C

#191939

#1F1F45

#242552

#2A2B5F

#30306C

#353678

#3B3C85

#414292

#46479F

#4C4DAB

#5153B8

#5759C5

#5D5ED2

#6264DE

#686AEB

#6E70F8

#686AEB を使ったトーンオントーン

#302D57

#4B3E96

#544D7A

#2D2BB0

#686AEB

#6A5DB3

#686AEB

#333C8C

#28336B

#17214D

#5A4DA3

#686AEB

#27204D

#756DCC

#3A317D

#686AEB を使ったトーンイントーン

#FF88EF

#BBFF80

#686AEB

#F88E55

#63E6C8

#7AF3E9

#686AEB

#F8BF69

#E85EBF

#7DFA65

#E651C3

#98D95C

#E17D52

#686AEB

#52D7AD

#686AEB を使ったカマイユ

#6F64FF

#686AEB

#716BD9

#8482F0

#6868F0

#6765E8

#564FD4

#686AEB

#595FD7

#7F7DF8

#7679E6

#8780FF

#686AEB

#5F5DD7

#7F87FD

#686AEB を使ったフォカマイユ

#714DFF

#655DF3

#7F7DDE

#757BF3

#686AEB

#6782FF

#686AEB

#757CFD

#6D6AE6

#7B88FF

#846DDE

#686AEB

#505BFF

#495ADC

#5C86F8

#686AEB を使ったドミナントカラー

#9798C4

#686AEB

#6F70A8

#5F5F82

#6C6DA8

#686AEB

#ABACD4

#0A0A33

#4144E0

#050673

#686AEB

#7475C4

#070BEB

#1315CF

#2E2F6B

#686AEB を使ったトライアド

#686AEB

#EB686A

#6AEB68

#686AEB を使ったスプリットコンプリメンタリー

#C1EB68

#686AEB

#EBBD68

#686AEB を使ったテトラード

#686AEB

#EB68AC

#EBE968

#68EBA8

#686AEB を使ったコントラスト

#686AEB

#EBE968

#686AEB

#DEDEEB

#686AEB

#2D2E66

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

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

#686AEB

#686AEB の色情報

#686AEB の色相別色一覧

#686AEB の彩度別色一覧

#686AEB の明度別色一覧

#686AEB を使ったトーンオントーン

#686AEB を使ったトーンイントーン

#686AEB を使ったカマイユ

#686AEB を使ったフォカマイユ

#686AEB を使ったドミナントカラー

#686AEB を使ったトライアド

#686AEB を使ったスプリットコンプリメンタリー

#686AEB を使ったテトラード

#686AEB を使ったコントラスト