#696EE2｜カラーサイト.com

#696EE2 の色情報

#696EE2

画像
HEX	#696EE2
RGB	R:105 G:110 B:226
RGBの割合	R:41.2% G:43.1% B:88.6%
HSV	H:237.5 S:53.5 V:88.6
HSL	H:237.5 S:67.6 L:64.9
CMY	C:58.8 M:56.9 Y:11.4

CMYK	C:53.5 M:51.3 Y:0.0 K:11.4
YCbCr	Y:120.6 Cb:179.7 Cr:117.6
XYZ	X:25.1 Y:19.6 Z:74.4
xyY	x:0.211 y:0.165 Y:19.6

CIE Lab	L:51.4 a:30.2 b*:-59.9
CIE LCh	L:51.4 C:67.1 h:296.8
CIE Luv	L:51.4 u:-8.6 v*:-95.4
Hunter Lab	L:44.3 a:23.6 b:-68.5

#696EE2 の色相別色一覧

#E28269

#E2A169

#E2BF69

#E2DD69

#C9E269

#ABE269

#8CE269

#6EE269

#69E282

#69E2A1

#69E2BF

#69E2DD

#69C9E2

#69ABE2

#698CE2

#696EE2

#8269E2

#A169E2

#BF69E2

#DD69E2

#E269C9

#E269AB

#E2698C

#E2696E

#696EE2 の彩度別色一覧

#DADAE2

#CFCFE2

#C3C5E2

#B8BAE2

#ADAFE2

#A2A4E2

#9699E2

#8B8EE2

#8084E2

#7479E2

#696EE2

#5E63E2

#5258E2

#474EE2

#3C43E2

#3138E2

#252DE2

#1A22E2

#0F17E2

#030DE2

#696EE2 の明度別色一覧

#040509

#0A0B16

#101123

#161730

#1C1D3C

#222449

#282A56

#2E3063

#34366F

#3A3C7C

#404389

#454996

#4B4FA2

#5155AF

#575BBC

#5D62C9

#6368D5

#696EE2

#6F74EF

#757AFC

#696EE2 を使ったトーンオントーン

#3C32A3

#222070

#3C41B3

#2B2A4A

#696EE2

#323352

#494696

#232A78

#7776B8

#696EE2

#5B608F

#7C74BA

#696EE2

#232354

#24326E

#696EE2 を使ったトーンイントーン

#F976EB

#F49280

#64ECA0

#696EE2

#B9DD78

#D89C78

#61DFA1

#696EE2

#A8D869

#DD5ED3

#F670E3

#E5A77F

#9DEF57

#696EE2

#58D0BD

#696EE2 を使ったカマイユ

#696EE2

#7679EF

#7584EC

#8887F4

#5D59DD

#696EE2

#6864F1

#5669EC

#5465DF

#6B72DD

#7F81E5

#8594F9

#656DF4

#686BCB

#696EE2

#696EE2 を使ったフォカマイユ

#6266FF

#696EE2

#7980CB

#7F74C3

#5F53D3

#5A7DFF

#696EE2

#5251D3

#9DB1FF

#8B72E7

#6B87F1

#7F6BD0

#696EE2

#7A88C6

#6B73FC

#696EE2 を使ったドミナントカラー

#5E61A6

#141878

#696EE2

#404161

#474A94

#252AA8

#2B2C4F

#696EE2

#CFCFE3

#020BD9

#484A87

#6A6C94

#141773

#222682

#696EE2

#696EE2 を使ったトライアド

#696EE2

#E2696E

#6EE269

#696EE2 を使ったスプリットコンプリメンタリー

#BFE269

#696EE2

#E2B569

#696EE2 を使ったテトラード

#696EE2

#E269AB

#E2DD69

#69E2A1

#696EE2 を使ったコントラスト

#696EE2

#E2DD69

#696EE2

#DADAE2

#696EE2

#2F3266

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

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

#696EE2

#696EE2 の色情報

#696EE2 の色相別色一覧

#696EE2 の彩度別色一覧

#696EE2 の明度別色一覧

#696EE2 を使ったトーンオントーン

#696EE2 を使ったトーンイントーン

#696EE2 を使ったカマイユ

#696EE2 を使ったフォカマイユ

#696EE2 を使ったドミナントカラー

#696EE2 を使ったトライアド

#696EE2 を使ったスプリットコンプリメンタリー

#696EE2 を使ったテトラード

#696EE2 を使ったコントラスト