#396875

#396875

#754639

#754639

コントラスト比

1.27:1

Delta E

42.5

Very Different

50:50 ミックス

#605856

カラー値

フォーマット #396875 #754639
HEX #396875 #754639
RGB 57, 104, 117 117, 70, 57
HSL 193.0, 34.5%, 34.1% 13.0, 34.5%, 34.1%
HSV 193.0, 51.3%, 45.9% 13.0, 51.3%, 45.9%
CMYK 51.3%, 11.1%, 0.0%, 54.1% 0.0%, 40.2%, 51.3%, 54.1%
OKLCH 0.4892 0.0553 217.7 0.446 0.0685 36.2

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

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #754639 → 背景色: #396875

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

テキスト: #396875 → 背景色: #754639

色差 (Delta E)

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

グラデーション

#396875 #4A636B #575D61 #605856 #69524D #6F4C43 #754639

カラーミキシング

#396875

100%

#516066

75:25

#605856

50:50

#6C4F48

25:75

#754639

100%

CSSグラデーションコード

background: linear-gradient(to right, #396875, #754639);
background: linear-gradient(135deg, #396875, #754639);

各色を詳しく見る

#396875

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

#754639

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

関連する比較