#369AC1

#369AC1

#C15D36

#C15D36

Contrast Ratio

1.34:1

Delta E

87.44

Very Different

50:50 Mix

#9B7E7B

Color Values

Format #369AC1 #C15D36
HEX #369AC1 #C15D36
RGB 54, 154, 193 193, 93, 54
HSL 196.8, 56.3%, 48.4% 16.8, 56.3%, 48.4%
HSV 196.8, 72.0%, 75.7% 16.8, 72.0%, 75.7%
CMYK 72.0%, 20.2%, 0.0%, 24.3% 0.0%, 51.8%, 72.0%, 24.3%
OKLCH 0.6455 0.1071 228.2 0.5933 0.1391 41.0

Contrast & Accessibility

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C15D36 → Background: #369AC1

The quick brown fox jumps over the lazy dog

Text: #369AC1 → Background: #C15D36

Color Difference (Delta E)

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

Gradient

#369AC1 #6B91A9 #878892 #9B7E7B #AB7464 #B7694D #C15D36

Color Mixing

#369AC1

100%

#7A8C9E

75:25

#9B7E7B

50:50

#B16E59

25:75

#C15D36

100%

CSS Gradient Code

background: linear-gradient(to right, #369AC1, #C15D36);
background: linear-gradient(135deg, #369AC1, #C15D36);

Explore Each Color

#369AC1

View full color details

#C15D36

View full color details

Related Comparisons