#6C80E2｜カラーサイト.com

#6C80E2 の色情報

#6C80E2

画像
HEX	#6C80E2
RGB	R:108 G:128 B:226
RGBの割合	R:42.4% G:50.2% B:88.6%
HSV	H:229.8 S:52.2 V:88.6
HSL	H:229.8 S:67.0 L:65.5
CMY	C:57.6 M:49.8 Y:11.4

CMYK	C:52.2 M:43.4 Y:0.0 K:11.4
YCbCr	Y:130.4 Cb:174.0 Cr:112.3
XYZ	X:27.6 Y:24.1 Z:75.2
xyY	x:0.218 y:0.190 Y:24.1

CIE Lab	L:56.2 a:20.0 b*:-52.3
CIE LCh	L:56.2 C:56.0 h:290.9
CIE Luv	L:56.2 u:-13.3 v*:-84.2
Hunter Lab	L:49.1 a:14.5 b:-56.4

#6C80E2 の色相別色一覧

#E2766C

#E2936C

#E2B16C

#E2CE6C

#D9E26C

#BBE26C

#9EE26C

#80E26C

#6CE276

#6CE293

#6CE2B1

#6CE2CE

#6CD9E2

#6CBBE2

#6C9EE2

#6C80E2

#766CE2

#936CE2

#B16CE2

#CE6CE2

#E26CD9

#E26CBB

#E26C9E

#E26C80

#6C80E2 の彩度別色一覧

#DDDEE2

#D2D4E2

#C6CBE2

#BBC2E2

#B0B8E2

#A5AFE2

#99A6E2

#8E9CE2

#8393E2

#7789E2

#6C80E2

#6177E2

#556DE2

#4A64E2

#3F5AE2

#3451E2

#2848E2

#1D3EE2

#1235E2

#062CE2

#6C80E2 の明度別色一覧

#040509

#0B0C16

#111423

#171B30

#1D223C

#232949

#293156

#2F3863

#353F6F

#3B467C

#414D89

#475596

#4E5CA2

#5463AF

#5A6ABC

#6072C9

#6679D5

#6C80E2

#7287EF

#788EFC

#6C80E2 を使ったトーンオントーン

#454C6B

#7179B8

#1C2357

#354A8C

#6C80E2

#1D2045

#212369

#6C80E2

#39498C

#586BBD

#364159

#2C4899

#6C80E2

#233B69

#555BC2

#6C80E2 を使ったトーンイントーン

#7DDFA9

#6C80E2

#F785FC

#D2EC84

#D56B68

#67FCCE

#D060D3

#6C80E2

#D88B70

#B8FC69

#90F95E

#6C80E2

#C96ABC

#F69E6C

#7ADAD2

#6C80E2 を使ったカマイユ

#7781DD

#5671DD

#6172EF

#6C80E2

#7891F1

#617CEF

#727FF4

#6D79F9

#5D75DA

#6C80E2

#6471CE

#757ECB

#6C80E2

#5769DA

#606AD3

#6C80E2 を使ったフォカマイユ

#6565CB

#6560D5

#6C80E2

#918AFC

#4741BC

#4B69D3

#A59EFC

#6C80E2

#7C78C9

#5755DA

#6265F6

#8C8EE7

#89B3F1

#4D53EC

#6C80E2

#6C80E2 を使ったドミナントカラー

#202D6B

#1C3FEB

#6C80E2

#040D38

#24399E

#848CB3

#6C80E2

#3E5AE6

#3F5CEB

#071763

#010E4D

#2C324D

#6C80E2

#0025D9

#263994

#6C80E2 を使ったアイデンティティ

#081D85

#2E3F94

#6C80E2

#314294

#112273

#6C80E2

#1E295C

#6C80E2

#1A33AD

#6C80E2 を使ったトライアド

#6C80E2

#E26C80

#80E26C

#6C80E2 を使ったスプリットコンプリメンタリー

#CFE26C

#6C80E2

#E2A76C

#6C80E2 を使ったテトラード

#6C80E2

#E26CBB

#E2CE6C

#6CE293

#6C80E2 を使ったコントラスト

#6C80E2

#E2CE6C

#6C80E2

#DDDEE2

#6C80E2

#313A66

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

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

#6C80E2

#6C80E2 の色情報

#6C80E2 の色相別色一覧

#6C80E2 の彩度別色一覧

#6C80E2 の明度別色一覧

#6C80E2 を使ったトーンオントーン

#6C80E2 を使ったトーンイントーン

#6C80E2 を使ったカマイユ

#6C80E2 を使ったフォカマイユ

#6C80E2 を使ったドミナントカラー

#6C80E2 を使ったアイデンティティ

#6C80E2 を使ったトライアド

#6C80E2 を使ったスプリットコンプリメンタリー

#6C80E2 を使ったテトラード

#6C80E2 を使ったコントラスト