#369BD0

#369BD0

#D06B36

#D06B36

Contrast Ratio

1.16:1

Delta E

94.8

Very Different

50:50 Mix

#A68583

Color Values

Format #369BD0 #D06B36
HEX #369BD0 #D06B36
RGB 54, 155, 208 208, 107, 54
HSL 200.6, 62.1%, 51.4% 20.6, 62.1%, 51.4%
HSV 200.6, 74.0%, 81.6% 20.6, 74.0%, 81.6%
CMYK 74.0%, 25.5%, 0.0%, 18.4% 0.0%, 48.6%, 74.0%, 18.4%
OKLCH 0.655 0.1203 236.1 0.6366 0.1438 46.1

Contrast & Accessibility

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D06B36 → Background: #369BD0

The quick brown fox jumps over the lazy dog

Text: #369BD0 → Background: #D06B36

Color Difference (Delta E)

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

Gradient

#369BD0 #7194B6 #908C9D #A68583 #B77D6A #C47451 #D06B36

Color Mixing

#369BD0

100%

#8290A9

75:25

#A68583

50:50

#BE795E

25:75

#D06B36

100%

CSS Gradient Code

background: linear-gradient(to right, #369BD0, #D06B36);
background: linear-gradient(135deg, #369BD0, #D06B36);

Explore Each Color

#369BD0

View full color details

#D06B36

View full color details

Related Comparisons