#676CE8｜カラーサイト.com

#676CE8 の色情報

#676CE8

画像
HEX	#676CE8
RGB	R:103 G:108 B:232
RGBの割合	R:40.4% G:42.4% B:91.0%
HSV	H:237.7 S:55.6 V:91.0
HSL	H:237.7 S:73.7 L:65.7
CMY	C:59.6 M:57.6 Y:9.0

CMYK	C:55.6 M:53.4 Y:0.0 K:9.0
YCbCr	Y:119.6 Cb:183.2 Cr:117.0
XYZ	X:25.5 Y:19.4 Z:78.8
xyY	x:0.206 y:0.157 Y:19.4

CIE Lab	L:51.2 a:32.9 b*:-63.7
CIE LCh	L:51.2 C:71.7 h:297.4
CIE Luv	L:51.2 u:-8.9 v*:-101.3
Hunter Lab	L:44.1 a:26.2 b:-75.1

#676CE8 の色相別色一覧

#E88267

#E8A367

#E8C367

#E8E367

#CDE867

#ADE867

#8CE867

#6CE867

#67E882

#67E8A3

#67E8C3

#67E8E3

#67CDE8

#67ADE8

#678CE8

#676CE8

#8267E8

#A367E8

#C367E8

#E367E8

#E867CD

#E867AD

#E8678C

#E8676C

#676CE8 の彩度別色一覧

#E7E7E8

#DBDCE8

#CFD0E8

#C4C5E8

#B8BAE8

#ADAFE8

#A1A4E8

#9599E8

#8A8DE8

#7E82E8

#7377E8

#676CE8

#5B61E8

#5056E8

#444BE8

#393FE8

#2D34E8

#2129E8

#161EE8

#0A13E8

#676CE8 の明度別色一覧

#010103

#07070F

#0C0D1C

#121329

#181936

#1D1F42

#23254F

#292B5C

#2E3169

#343775

#3A3D82

#3F428F

#45489C

#4B4EA8

#5054B5

#565AC2

#5C60CF

#6166DB

#676CE8

#6D72F5

#676CE8 を使ったトーンオントーン

#2D2275

#4B5CA1

#302E4D

#6D74BA

#676CE8

#5061BD

#1B205C

#525096

#2B256B

#676CE8

#31314F

#2D2880

#252996

#596AC4

#676CE8 を使ったトーンイントーン

#DB826A

#60EDD0

#F25FE9

#676CE8

#9EE357

#64D4D3

#DE60BF

#FA9B58

#676CE8

#8DFC63

#F29864

#D96BC2

#79EBD1

#A3EB5F

#676CE8

#676CE8 を使ったカマイユ

#7983EB

#6575ED

#504FD9

#646FCF

#676CE8

#7B85EB

#666FCF

#6874F5

#676CE8

#5D6FF2

#676CE8

#808AF0

#5D5AD9

#5A63F7

#5F5CD4

#676CE8 を使ったフォカマイユ

#A290FF

#4558CF

#676CE8

#90AEFF

#8578D1

#9D8BF7

#8782E3

#4A3FC9

#676CE8

#838AFF

#7B92DE

#5362FF

#7655FF

#6F67F2

#676CE8

#676CE8 を使ったドミナントカラー

#272DC4

#2D2E38

#676CE8

#6B6D99

#4D51C4

#202145

#2C33E8

#262857

#272963

#676CE8

#60628F

#383FF2

#3E429C

#3139F7

#676CE8

#676CE8 を使ったトライアド

#676CE8

#E8676C

#6CE867

#676CE8 を使ったスプリットコンプリメンタリー

#C2E867

#676CE8

#E8B867

#676CE8 を使ったテトラード

#676CE8

#E867AD

#E8E367

#67E8A3

#676CE8 を使ったコントラスト

#676CE8

#E8E367

#676CE8

#DBDCE8

#676CE8

#2D2F66

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

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

#676CE8

#676CE8 の色情報

#676CE8 の色相別色一覧

#676CE8 の彩度別色一覧

#676CE8 の明度別色一覧

#676CE8 を使ったトーンオントーン

#676CE8 を使ったトーンイントーン

#676CE8 を使ったカマイユ

#676CE8 を使ったフォカマイユ

#676CE8 を使ったドミナントカラー

#676CE8 を使ったトライアド

#676CE8 を使ったスプリットコンプリメンタリー

#676CE8 を使ったテトラード

#676CE8 を使ったコントラスト