#369AAF

#369AAF

#AF4B36

#AF4B36

Contrast Ratio

1.65:1

Delta E

81.4

Very Different

50:50 Mix

#8F7671

Color Values

Format #369AAF #AF4B36
HEX #369AAF #AF4B36
RGB 54, 154, 175 175, 75, 54
HSL 190.4, 52.8%, 44.9% 10.4, 52.8%, 44.9%
HSV 190.4, 69.1%, 68.6% 10.4, 69.1%, 68.6%
CMYK 69.1%, 12.0%, 0.0%, 31.4% 0.0%, 57.1%, 69.1%, 31.4%
OKLCH 0.6376 0.0952 214.5 0.5393 0.1357 33.5

Contrast & Accessibility

1.65:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF4B36 → Background: #369AAF

The quick brown fox jumps over the lazy dog

Text: #369AAF → Background: #AF4B36

Color Difference (Delta E)

81.4 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

#369AAF #648E9A #7D8385 #8F7671 #9C695D #A75B49 #AF4B36

Color Mixing

#369AAF

100%

#728990

75:25

#8F7671

50:50

#A26253

25:75

#AF4B36

100%

CSS Gradient Code

background: linear-gradient(to right, #369AAF, #AF4B36);
background: linear-gradient(135deg, #369AAF, #AF4B36);

Explore Each Color

#369AAF

View full color details

#AF4B36

View full color details

Related Comparisons