#2F575F

#2F575F

#5F372F

#5F372F

コントラスト比

1.28:1

Delta E

36.4

Very Different

50:50 ミックス

#4F4847

カラー値

フォーマット #2F575F #5F372F
HEX #2F575F #5F372F
RGB 47, 87, 95 95, 55, 47
HSL 190.0, 33.8%, 27.8% 10.0, 33.8%, 27.8%
HSV 190.0, 50.5%, 37.3% 10.0, 50.5%, 37.3%
CMYK 50.5%, 8.4%, 0.0%, 62.7% 0.0%, 42.1%, 50.5%, 62.7%
OKLCH 0.4307 0.0469 212.0 0.3837 0.0593 32.1

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

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #5F372F → 背景色: #2F575F

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

テキスト: #2F575F → 背景色: #5F372F

色差 (Delta E)

36.4 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#2F575F #3D5257 #474D4F #4F4847 #55423F #5A3D37 #5F372F

カラーミキシング

#2F575F

100%

#425053

75:25

#4F4847

50:50

#58403B

25:75

#5F372F

100%

CSSグラデーションコード

background: linear-gradient(to right, #2F575F, #5F372F);
background: linear-gradient(135deg, #2F575F, #5F372F);

各色を詳しく見る

#2F575F

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

#5F372F

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

関連する比較