#3C9DAF

#3C9DAF

#AF4E3C

#AF4E3C

コントラスト比

1.67:1

Delta E

78.4

Very Different

50:50 ミックス

#907974

カラー値

フォーマット #3C9DAF #AF4E3C
HEX #3C9DAF #AF4E3C
RGB 60, 157, 175 175, 78, 60
HSL 189.4, 48.9%, 46.1% 9.4, 48.9%, 46.1%
HSV 189.4, 65.7%, 68.6% 9.4, 65.7%, 68.6%
CMYK 65.7%, 10.3%, 0.0%, 31.4% 0.0%, 55.4%, 65.7%, 31.4%
OKLCH 0.6468 0.0926 212.1 0.5446 0.131 32.2

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

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AF4E3C → 背景色: #3C9DAF

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

テキスト: #3C9DAF → 背景色: #AF4E3C

色差 (Delta E)

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

グラデーション

#3C9DAF #66919B #7F8587 #907974 #9D6C61 #A75E4E #AF4E3C

カラーミキシング

#3C9DAF

100%

#748B91

75:25

#907974

50:50

#A26558

25:75

#AF4E3C

100%

CSSグラデーションコード

background: linear-gradient(to right, #3C9DAF, #AF4E3C);
background: linear-gradient(135deg, #3C9DAF, #AF4E3C);

各色を詳しく見る

#3C9DAF

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

#AF4E3C

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

関連する比較