#5696A2｜カラーサイト.com

#5696A2 の色情報

#5696A2

画像
HEX	#5696A2
RGB	R:86 G:150 B:162
RGBの割合	R:33.7% G:58.8% B:63.5%
HSV	H:189.5 S:46.9 V:63.5
HSL	H:189.5 S:30.6 L:48.6
CMY	C:66.3 M:41.2 Y:36.5

CMYK	C:46.9 M:7.4 Y:0.0 K:36.5
YCbCr	Y:129.6 Cb:142.7 Cr:99.1
XYZ	X:21.3 Y:26.4 Z:38.2
xyY	x:0.248 y:0.308 Y:26.4

CIE Lab	L:58.4 a:-17.2 b*:-12.7
CIE LCh	L:58.4 C:21.4 h:216.4
CIE Luv	L:58.4 u:-28.8 v*:-16.3
Hunter Lab	L:51.4 a:-16.0 b:-8.1

#5696A2 の色相別色一覧

#A26256

#A27556

#A28856

#A29B56

#96A256

#83A256

#70A256

#5DA256

#56A262

#56A275

#56A288

#56A29B

#5696A2

#5683A2

#5670A2

#565DA2

#6256A2

#7556A2

#8856A2

#9B56A2

#A25696

#A25683

#A25670

#A2565D

#5696A2 の彩度別色一覧

#9FA2A2

#97A0A2

#8F9FA2

#879EA2

#7F9CA2

#769BA2

#6E9AA2

#6699A2

#5E97A2

#5696A2

#4E95A2

#4693A2

#3E92A2

#3691A2

#2E90A2

#258EA2

#1D8DA2

#158CA2

#0D8AA2

#0589A2

#5696A2 の明度別色一覧

#050809

#0C1416

#122023

#192C2F

#20383C

#274349

#2D4F56

#345B62

#3B676F

#42737C

#487E89

#4F8A95

#5696A2

#5DA2AF

#64AEBC

#6AB9C8

#71C5D5

#78D1E2

#7FDDEF

#85E9FB

#5696A2 を使ったトーンオントーン

#5696A2

#76BFC2

#407D7C

#304F59

#4BE3E2

#5696A2

#9CD3E8

#285E70

#1E464F

#60BFC4

#385A6B

#5696A2

#74D0ED

#74BAD6

#1C4E4F

#5696A2 を使ったトーンイントーン

#8E8C4E

#AF4F6B

#5696A2

#7751AF

#50B166

#B1AA4C

#735D9F

#5696A2

#62AF6E

#B15074

#4F954B

#966FB9

#5696A2

#AC9C6D

#9F5170

#5696A2 を使ったカマイユ

#5DA1AC

#5F99AA

#54A6AF

#4D8189

#5696A2

#4C9FAC

#5696A2

#588D93

#6EA9AF

#4C95AC

#5696A2

#68A9B4

#5DAAB6

#578A93

#538C9A

#5696A2 を使ったフォカマイユ

#3D7F90

#577683

#5696A2

#366481

#669A96

#6CBDC1

#41798B

#34667C

#5696A2

#4C8386

#40778E

#5696A2

#55859A

#7FBEBA

#4F85A7

#5696A2 を使ったドミナントカラー

#66A2AD

#3D4A4D

#1D798A

#416F78

#5696A2

#00A3C2

#04A2BF

#5696A2

#4A5354

#77D0E0

#247C8C

#4DC5DB

#414445

#5696A2

#AAB1B3

#5696A2 を使ったアイデンティティ

#196D7D

#5696A2

#56C6DB

#5696A2

#59D8F0

#155763

#5696A2

#16ABC7

#466369

#5696A2 を使ったトライアド

#5696A2

#A25696

#96A256

#5696A2 を使ったスプリットコンプリメンタリー

#A27B56

#5696A2

#A25663

#5696A2 を使ったテトラード

#5696A2

#8856A2

#A26256

#70A256

#5696A2 を使ったコントラスト

#5696A2

#A26256

#5696A2

#0589A2

#5696A2

#87ECFF

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

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

#5696A2

#5696A2 の色情報

#5696A2 の色相別色一覧

#5696A2 の彩度別色一覧

#5696A2 の明度別色一覧

#5696A2 を使ったトーンオントーン

#5696A2 を使ったトーンイントーン

#5696A2 を使ったカマイユ

#5696A2 を使ったフォカマイユ

#5696A2 を使ったドミナントカラー

#5696A2 を使ったアイデンティティ

#5696A2 を使ったトライアド

#5696A2 を使ったスプリットコンプリメンタリー

#5696A2 を使ったテトラード

#5696A2 を使ったコントラスト