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

#6B96E2 の色情報

#6B96E2

画像
HEX	#6B96E2
RGB	R:107 G:150 B:226
RGBの割合	R:42.0% G:58.8% B:88.6%
HSV	H:218.3 S:52.7 V:88.6
HSL	H:218.3 S:67.2 L:65.3
CMY	C:58.0 M:41.2 Y:11.4

CMYK	C:52.7 M:33.6 Y:0.0 K:11.4
YCbCr	Y:141.2 Cb:167.7 Cr:103.7
XYZ	X:30.7 Y:30.4 Z:76.2
xyY	x:0.224 y:0.222 Y:30.4

CIE Lab	L:62.0 a:6.7 b*:-43.1
CIE LCh	L:62.0 C:43.6 h:278.9
CIE Luv	L:62.0 u:-21.3 v*:-69.1
Hunter Lab	L:55.2 a:2.8 b:-43.3

#6B96E2 の色相別色一覧

#E27C6B

#E2996B

#E2B76B

#E2D56B

#D2E26B

#B4E26B

#96E26B

#78E26B

#6BE27C

#6BE299

#6BE2B7

#6BE2D5

#6BD2E2

#6BB4E2

#6B96E2

#6B78E2

#7C6BE2

#996BE2

#B76BE2

#D56BE2

#E26BD2

#E26BB4

#E26B96

#E26B78

#6B96E2 の彩度別色一覧

#DCDEE2

#D1D7E2

#C5D0E2

#BAC9E2

#AFC1E2

#A4BAE2

#98B3E2

#8DACE2

#82A4E2

#769DE2

#6B96E2

#608FE2

#5488E2

#4980E2

#3E79E2

#3372E2

#276BE2

#1C63E2

#115CE2

#0555E2

#6B96E2 の明度別色一覧

#040609

#0A0F16

#101723

#162030

#1D283C

#233049

#293956

#2F4163

#354A6F

#3B527C

#415B89

#476396

#4D6CA2

#5374AF

#597DBC

#5F85C9

#658ED5

#6B96E2

#719EEF

#77A7FC

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

#6B96E2

#3A496B

#243347

#577EA1

#7294C7

#2A4078

#6B96E2

#2E375C

#7398C4

#4C5C8C

#4A699C

#6B96E2

#253A59

#3C4B80

#447AC7

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

#6BD08A

#C96E5B

#6B96E2

#CFEC72

#D26BD5

#C96E67

#5AE5A0

#C0E568

#6B96E2

#EF7CFC

#DD89EF

#78DD86

#DD5264

#6B96E2

#FCF484

#6B96E2 を使ったカマイユ

#619BEA

#7799D8

#688AE5

#6B96E2

#5983EF

#5B8CDD

#7D9EF4

#6B96E2

#7E9BDF

#4F77C9

#709ADA

#81AFFC

#728DCE

#6B96E2

#83A3F6

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

#5EB3EA

#5677C6

#6F80BC

#6B96E2

#95C9FF

#6782EF

#7092C3

#7788BE

#8BC8FC

#6B96E2

#6A94EA

#4C8FD8

#6B96E2

#4C78C1

#95C3F6

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

#8F9CB3

#6B96E2

#84A3DB

#2B2E33

#345185

#3C5073

#2C436B

#2F5FB5

#153B7D

#6B96E2

#062B6B

#6B96E2

#3F5C8F

#37383B

#878F9C

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

#7E95BD

#6B96E2

#032B70

#6B96E2

#003BA3

#27457A

#6B96E2

#1351BF

#223D6E

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

#6B96E2

#E26B96

#96E26B

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

#E2DF6B

#6B96E2

#E28F6B

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

#6B96E2

#E26BD2

#E2B76B

#6BE27C

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

#6B96E2

#E2B76B

#6B96E2

#DCDEE2

#6B96E2

#304466

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

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

#6B96E2

#6B96E2 の色情報

#6B96E2 の色相別色一覧

#6B96E2 の彩度別色一覧

#6B96E2 の明度別色一覧

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

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

#6B96E2 を使ったカマイユ

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

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

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

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

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

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

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