#576DA2｜カラーサイト.com

#576DA2 の色情報

#576DA2

画像
HEX	#576DA2
RGB	R:87 G:109 B:162
RGBの割合	R:34.1% G:42.7% B:63.5%
HSV	H:222.4 S:46.3 V:63.5
HSL	H:222.4 S:30.1 L:48.8
CMY	C:65.9 M:57.3 Y:36.5

CMYK	C:46.3 M:32.7 Y:0.0 K:36.5
YCbCr	Y:109.2 Cb:154.5 Cr:114.6
XYZ	X:15.9 Y:15.6 Z:36.4
xyY	x:0.235 y:0.230 Y:15.6

CIE Lab	L:46.4 a:6.6 b*:-31.1
CIE LCh	L:46.4 C:31.8 h:282.0
CIE Luv	L:46.4 u:-12.3 v*:-46.7
Hunter Lab	L:39.5 a:3.0 b:-27.0

#576DA2 の色相別色一覧

#A26757

#A27957

#A28C57

#A29F57

#93A257

#80A257

#6DA257

#5AA257

#57A267

#57A279

#57A28C

#57A29F

#5793A2

#5780A2

#576DA2

#575AA2

#6757A2

#7957A2

#8C57A2

#9F57A2

#A25793

#A25780

#A2576D

#A2575A

#576DA2 の彩度別色一覧

#A0A1A2

#989BA2

#9095A2

#888FA2

#808AA2

#7784A2

#6F7EA2

#6778A2

#5F73A2

#576DA2

#4F67A2

#4762A2

#3F5CA2

#3756A2

#2F50A2

#264BA2

#1E45A2

#163FA2

#0E39A2

#0634A2

#576DA2 の明度別色一覧

#050609

#0C0F16

#131723

#19202F

#20283C

#273149

#2E3A56

#354262

#3C4B6F

#42537C

#495C89

#506495

#576DA2

#5E76AF

#657EBC

#6C87C8

#728FD5

#7998E2

#80A0EF

#87A9FB

#576DA2 を使ったトーンオントーン

#1E2E54

#667BF5

#576DA2

#293C7A

#6777D4

#465170

#3C4552

#5D95E6

#668EC4

#576DA2

#385070

#343847

#6785CF

#576DA2

#6193ED

#576DA2 を使ったトーンイントーン

#489869

#8F984D

#576DA2

#9860A7

#9F5253

#649043

#576DA2

#B1816C

#50A594

#B14FB1

#8B413E

#AE5AAF

#599D8A

#576DA2

#769544

#576DA2 を使ったカマイユ

#5971B4

#576DA2

#475B95

#6D87B9

#6A83AF

#576DA2

#4D71B1

#4C5E93

#425589

#5B70AC

#5B79AC

#5C6F9F

#51649F

#7187B1

#576DA2

#576DA2 を使ったフォカマイユ

#576DA2

#5C5F9A

#4F6286

#5079C1

#4965B4

#576DA2

#5B7FB6

#466FB4

#5B6D8B

#768FB6

#6E9EC6

#576DA2

#6670B6

#7494B4

#4D5681

#576DA2 を使ったドミナントカラー

#5F8BF5

#576DA2

#1A3370

#21408A

#6D6F75

#576DA2

#88A3E3

#708DD4

#3763CC

#223563

#7993D4

#576DA2

#1D263D

#7E96CF

#2B4A94

#576DA2 を使ったアイデンティティ

#576DA2

#94AAE0

#2250BF

#5980DE

#576DA2

#183069

#2B64ED

#55617D

#576DA2

#576DA2 を使ったトライアド

#576DA2

#A2576D

#6DA257

#576DA2 を使ったスプリットコンプリメンタリー

#9FA257

#576DA2

#A27357

#576DA2 を使ったテトラード

#576DA2

#A25793

#A28C57

#57A267

#576DA2 を使ったコントラスト

#576DA2

#A28C57

#576DA2

#0634A2

#576DA2

#89ACFF

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

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

#576DA2

#576DA2 の色情報

#576DA2 の色相別色一覧

#576DA2 の彩度別色一覧

#576DA2 の明度別色一覧

#576DA2 を使ったトーンオントーン

#576DA2 を使ったトーンイントーン

#576DA2 を使ったカマイユ

#576DA2 を使ったフォカマイユ

#576DA2 を使ったドミナントカラー

#576DA2 を使ったアイデンティティ

#576DA2 を使ったトライアド

#576DA2 を使ったスプリットコンプリメンタリー

#576DA2 を使ったテトラード

#576DA2 を使ったコントラスト