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

#6B89E2 の色情報

#6B89E2

画像
HEX	#6B89E2
RGB	R:107 G:137 B:226
RGBの割合	R:42.0% G:53.7% B:88.6%
HSV	H:224.9 S:52.7 V:88.6
HSL	H:224.9 S:67.2 L:65.3
CMY	C:58.0 M:46.3 Y:11.4

CMYK	C:52.7 M:39.4 Y:0.0 K:11.4
YCbCr	Y:134.7 Cb:171.5 Cr:108.5
XYZ	X:28.7 Y:26.5 Z:75.6
xyY	x:0.220 y:0.203 Y:26.5

CIE Lab	L:58.5 a:14.4 b*:-48.6
CIE LCh	L:58.5 C:50.7 h:286.5
CIE Luv	L:58.5 u:-16.7 v*:-78.3
Hunter Lab	L:51.5 a:9.5 b:-51.0

#6B89E2 の色相別色一覧

#E2896B

#E2A66B

#E2C46B

#E2E26B

#C5E26B

#A7E26B

#89E26B

#6BE26B

#6BE289

#6BE2A6

#6BE2C4

#6BE2E2

#6BC5E2

#6BA7E2

#6B89E2

#6B6BE2

#896BE2

#A66BE2

#C46BE2

#E26BE2

#E26BC5

#E26BA7

#E26B89

#E26B6B

#6B89E2 の彩度別色一覧

#DCDEE2

#D1D5E2

#C5CDE2

#BAC4E2

#AFBCE2

#A4B3E2

#98ABE2

#8DA2E2

#829AE2

#7691E2

#6B89E2

#6081E2

#5478E2

#4970E2

#3E67E2

#335FE2

#2756E2

#1C4EE2

#1145E2

#053DE2

#6B89E2 の明度別色一覧

#040609

#0A0D16

#101523

#161D30

#1D253C

#232C49

#293456

#2F3C63

#35436F

#3B4B7C

#415389

#475B96

#4D62A2

#536AAF

#5972BC

#5F7AC9

#6581D5

#6B89E2

#7191EF

#7798FC

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

#2A3857

#464A6B

#4965BF

#6B89E2

#5A76A3

#415F96

#2F4D7D

#6B89E2

#6B7EB5

#232B45

#334B9E

#4770B5

#6B89E2

#1D2552

#44526B

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

#A9D36E

#DA9B77

#F45BED

#6B89E2

#68D3AA

#55CEAD

#C96E4D

#EF84E4

#B3DF70

#6B89E2

#60D09E

#FC8EF6

#6B89E2

#C2EC66

#CE776E

#6B89E2 を使ったカマイユ

#83A6F1

#8699F6

#5877DA

#6B89E2

#5F76DA

#6083F4

#6D84DD

#6B89E2

#5B82EC

#587DCB

#6B89E2

#597BC9

#6795EF

#6A8AD3

#7290FC

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

#4C55D0

#5A62F6

#7C96D5

#6B89E2

#5E82F6

#6B89E2

#4463C6

#5A7DD5

#68ADF6

#6C9CEF

#4F5AE7

#6B89E2

#7B95C9

#747EE7

#9196EC

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

#6B89E2

#0E2057

#9298A8

#363F59

#A9B6DE

#495E9E

#0037DB

#6B89E2

#162657

#636D8A

#20305E

#515257

#89A3F0

#6B89E2

#0B2F99

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

#6B89E2

#E26B89

#89E26B

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

#D8E26B

#6B89E2

#E29C6B

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

#6B89E2

#E26BC5

#E2C46B

#6BE289

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

#6B89E2

#E2C46B

#6B89E2

#DCDEE2

#6B89E2

#303E66

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

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

#6B89E2

#6B89E2 の色情報

#6B89E2 の色相別色一覧

#6B89E2 の彩度別色一覧

#6B89E2 の明度別色一覧

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

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

#6B89E2 を使ったカマイユ

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

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

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

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

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

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