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

#6BACB2 の色情報

#6BACB2

画像
HEX	#6BACB2
RGB	R:107 G:172 B:178
RGBの割合	R:42.0% G:67.5% B:69.8%
HSV	H:185.1 S:39.9 V:69.8
HSL	H:185.1 S:31.6 L:55.9
CMY	C:58.0 M:32.5 Y:30.2

CMYK	C:39.9 M:3.4 Y:0.0 K:30.2
YCbCr	Y:147.6 Cb:140.3 Cr:99.0
XYZ	X:28.9 Y:35.8 Z:47.5
xyY	x:0.257 y:0.319 Y:35.8

CIE Lab	L:66.4 a:-19.1 b*:-9.6
CIE LCh	L:66.4 C:21.4 h:206.7
CIE Luv	L:66.4 u:-30.4 v*:-11.5
Hunter Lab	L:59.9 a:-18.8 b:-5.2

#6BACB2 の色相別色一覧

#B2716B

#B2836B

#B2956B

#B2A66B

#ACB26B

#9AB26B

#89B26B

#77B26B

#6BB271

#6BB283

#6BB295

#6BB2A6

#6BACB2

#6B9AB2

#6B89B2

#6B77B2

#716BB2

#836BB2

#956BB2

#A66BB2

#B26BAC

#B26B9A

#B26B89

#B26B77

#6BACB2 の彩度別色一覧

#A9B1B2

#A0B1B2

#98B0B2

#8FAFB2

#86AEB2

#7DAEB2

#74ADB2

#6BACB2

#62ABB2

#59AAB2

#50AAB2

#47A9B2

#3FA8B2

#36A7B2

#2DA7B2

#24A6B2

#1BA5B2

#12A4B2

#09A4B2

#00A3B2

#6BACB2 の明度別色一覧

#070C0C

#0F1819

#172426

#1E3133

#263D3F

#2E494C

#355659

#3D6266

#456E72

#4C7B7F

#54878C

#5C9399

#63A0A5

#6BACB2

#73B8BF

#7AC5CC

#82D1D8

#8ADDE5

#91EAF2

#99F6FF

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

#6BACB2

#344A4D

#5FC7CF

#607C80

#A9F2F5

#6D9191

#78CAE6

#6BACB2

#324145

#33767D

#2F636B

#2A5453

#6BACB2

#89D6D2

#AEEBE9

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

#C4A37A

#6C57AA

#86A572

#C481AD

#6BACB2

#7B6ECC

#997657

#90BF76

#C983B6

#9582C1

#6BACB2

#86C97D

#AA9F6D

#C689A6

#6BACB2 を使ったカマイユ

#71AAAA

#89C8C9

#54919E

#6BACB2

#80B4BC

#59A5A8

#6EAFBA

#6BACB2

#64A7AF

#68A2A5

#76A9AD

#5CA0A8

#6BACB2

#6B9299

#65A1A5

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

#5AA2C4

#6BACB2

#6DB6D6

#62A8A0

#66D8D6

#79BAB9

#6BACB2

#80B2BA

#77ADA7

#678E8E

#7299AA

#68A097

#678B93

#5FD3CD

#6BACB2

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

#79A4A8

#6BACB2

#A9D0D4

#155157

#414545

#354647

#00E9FF

#6BACB2

#68CFD9

#153A3D

#616666

#12CADB

#648082

#6BACB2

#17EBFF

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

#6BACB2

#12EBFF

#2F686E

#6BACB2

#1ED2E3

#3D757A

#6BACB2

#2FE6F7

#1A595E

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

#6BACB2

#B26BAC

#ACB26B

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

#B2896B

#6BACB2

#B26B7D

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

#6BACB2

#956BB2

#B2716B

#89B26B

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

#6BACB2

#B2716B

#6BACB2

#12A4B2

#6BACB2

#99F6FF

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

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

#6BACB2

#6BACB2 の色情報

#6BACB2 の色相別色一覧

#6BACB2 の彩度別色一覧

#6BACB2 の明度別色一覧

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

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

#6BACB2 を使ったカマイユ

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

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

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

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

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

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

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