#35A5CF

#35A5CF

#CF5F35

#CF5F35

Contrast Ratio

1.39:1

Delta E

95.63

Very Different

50:50 Mix

#A78581

Color Values

Format #35A5CF #CF5F35
HEX #35A5CF #CF5F35
RGB 53, 165, 207 207, 95, 53
HSL 196.4, 61.6%, 51.0% 16.4, 61.6%, 51.0%
HSV 196.4, 74.4%, 81.2% 16.4, 74.4%, 81.2%
CMYK 74.4%, 20.3%, 0.0%, 18.8% 0.0%, 54.1%, 74.4%, 18.8%
OKLCH 0.6779 0.1152 227.7 0.6167 0.1529 40.2

Contrast & Accessibility

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CF5F35 → Background: #35A5CF

The quick brown fox jumps over the lazy dog

Text: #35A5CF → Background: #CF5F35

Color Difference (Delta E)

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

Gradient

#35A5CF #729BB5 #91909B #A78581 #B77968 #C46D4F #CF5F35

Color Mixing

#35A5CF

100%

#8396A8

75:25

#A78581

50:50

#BE735C

25:75

#CF5F35

100%

CSS Gradient Code

background: linear-gradient(to right, #35A5CF, #CF5F35);
background: linear-gradient(135deg, #35A5CF, #CF5F35);

Explore Each Color

#35A5CF

View full color details

#CF5F35

View full color details

Related Comparisons