#5B596B

#5B596B

#696B59

#696B59

コントラスト比

1.25:1

Delta E

22.62

Noticeable

50:50 ミックス

#636262

カラー値

フォーマット #5B596B #696B59
HEX #5B596B #696B59
RGB 91, 89, 107 105, 107, 89
HSL 246.7, 9.2%, 38.4% 66.7, 9.2%, 38.4%
HSV 246.7, 16.8%, 42.0% 66.7, 16.8%, 42.0%
CMYK 15.0%, 16.8%, 0.0%, 58.0% 1.9%, 0.0%, 16.8%, 58.0%
OKLCH 0.4725 0.0289 290.3 0.5207 0.0275 112.5

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

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #696B59 → 背景色: #5B596B

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

テキスト: #5B596B → 背景色: #696B59

色差 (Delta E)

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

グラデーション

#5B596B #5E5C68 #605F65 #636262 #65655F #67685C #696B59

カラーミキシング

#5B596B

100%

#5F5D67

75:25

#636262

50:50

#66665E

25:75

#696B59

100%

CSSグラデーションコード

background: linear-gradient(to right, #5B596B, #696B59);
background: linear-gradient(135deg, #5B596B, #696B59);

各色を詳しく見る

#5B596B

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

#696B59

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

関連する比較