#516666

#516666

#665151

#665151

コントラスト比

1.2:1

Delta E

18.28

Noticeable

50:50 ミックス

#5D5C5B

カラー値

フォーマット #516666 #665151
HEX #516666 #665151
RGB 81, 102, 102 102, 81, 81
HSL 180.0, 11.5%, 35.9% 0.0, 11.5%, 35.9%
HSV 180.0, 20.6%, 40.0% 0.0, 20.6%, 40.0%
CMYK 20.6%, 0.0%, 0.0%, 60.0% 0.0%, 20.6%, 20.6%, 60.0%
OKLCH 0.4932 0.0252 196.4 0.4565 0.0282 18.2

コントラストとアクセシビリティ

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #665151 → 背景色: #516666

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #516666 → 背景色: #665151

色差 (Delta E)

18.28 Noticeable
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#516666 #556362 #595F5F #5D5C5B #605858 #635554 #665151

カラーミキシング

#516666

100%

#576161

75:25

#5D5C5B

50:50

#625656

25:75

#665151

100%

CSSグラデーションコード

background: linear-gradient(to right, #516666, #665151);
background: linear-gradient(135deg, #516666, #665151);

各色を詳しく見る

#516666

カラーの詳細をすべて見る

#665151

カラーの詳細をすべて見る

関連する比較