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

#6B8AE2 の色情報

#6B8AE2

画像
HEX	#6B8AE2
RGB	R:107 G:138 B:226
RGBの割合	R:42.0% G:54.1% B:88.6%
HSV	H:224.4 S:52.7 V:88.6
HSL	H:224.4 S:67.2 L:65.3
CMY	C:58.0 M:45.9 Y:11.4

CMYK	C:52.7 M:38.9 Y:0.0 K:11.4
YCbCr	Y:135.2 Cb:171.2 Cr:108.1
XYZ	X:28.9 Y:26.8 Z:75.6
xyY	x:0.220 y:0.204 Y:26.8

CIE Lab	L:58.8 a:13.8 b*:-48.2
CIE LCh	L:58.8 C:50.1 h:286.0
CIE Luv	L:58.8 u:-17.0 v*:-77.6
Hunter Lab	L:51.8 a:9.0 b:-50.4

#6B8AE2 の色相別色一覧

#E2886B

#E2A56B

#E2C36B

#E2E16B

#C6E26B

#A8E26B

#8AE26B

#6CE26B

#6BE288

#6BE2A5

#6BE2C3

#6BE2E1

#6BC6E2

#6BA8E2

#6B8AE2

#6B6CE2

#886BE2

#A56BE2

#C36BE2

#E16BE2

#E26BC6

#E26BA8

#E26B8A

#E26B6C

#6B8AE2 の彩度別色一覧

#DCDEE2

#D1D5E2

#C5CDE2

#BAC4E2

#AFBCE2

#A4B4E2

#98ABE2

#8DA3E2

#829BE2

#7692E2

#6B8AE2

#6082E2

#5479E2

#4971E2

#3E69E2

#3360E2

#2758E2

#1C50E2

#1147E2

#053FE2

#6B8AE2 の明度別色一覧

#040609

#0A0D16

#101523

#161D30

#1D253C

#232D49

#293456

#2F3C63

#35446F

#3B4C7C

#415489

#475B96

#4D63A2

#536BAF

#5973BC

#5F7AC9

#6582D5

#6B8AE2

#7192EF

#779AFC

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

#21416E

#202652

#4F7BBF

#3F6394

#6B8AE2

#6E7CC7

#496894

#6B8AE2

#2E3869

#162845

#6B8AE2

#254673

#4574BD

#425D91

#373F52

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

#CB50C4

#A3D576

#83E5C3

#F47F5E

#6B8AE2

#C5E57C

#CA69E7

#65FCCA

#D56366

#6B8AE2

#65D0A0

#D07565

#B4D561

#CB6BD5

#6B8AE2 を使ったカマイユ

#6B8AE2

#5176C9

#5B71D8

#5D80CE

#7392D0

#6D89C9

#6B8AE2

#587BD5

#7388C9

#738BF9

#7999E7

#6476CB

#6B8AE2

#6A8BDA

#7792D3

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

#5D70D3

#6B8AE2

#5A91F9

#64A1FF

#5A64F9

#85BFFE

#506BEA

#4B6EC9

#6C72F9

#6B8AE2

#4A7FDD

#879EE7

#727CC3

#8090D8

#6B8AE2

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

#6B8AE2

#333B52

#A9B4D4

#C2C4CC

#3E465C

#294BAB

#6B8AE2

#2A4DB0

#2F323D

#4662B0

#3B3F4A

#6B8AE2

#4562B5

#151E38

#A4B3DE

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

#032996

#4A5880

#6B8AE2

#21346B

#193FA8

#204099

#223B80

#6B8AE2

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

#6B8AE2

#E26B8A

#8AE26B

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

#D9E26B

#6B8AE2

#E29B6B

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

#6B8AE2

#E26BC6

#E2C36B

#6BE288

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

#6B8AE2

#E2C36B

#6B8AE2

#DCDEE2

#6B8AE2

#303E66

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

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

#6B8AE2

#6B8AE2 の色情報

#6B8AE2 の色相別色一覧

#6B8AE2 の彩度別色一覧

#6B8AE2 の明度別色一覧

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

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

#6B8AE2 を使ったカマイユ

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

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

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

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

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

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

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