#3087CF

#3087CF

#CF7830

#CF7830

Contrast Ratio

1.16:1

Delta E

100.89

Very Different

50:50 Mix

#A27F82

Color Values

Format #3087CF #CF7830
HEX #3087CF #CF7830
RGB 48, 135, 207 207, 120, 48
HSL 207.2, 62.4%, 50.0% 27.2, 62.4%, 50.0%
HSV 207.2, 76.8%, 81.2% 27.2, 76.8%, 81.2%
CMYK 76.8%, 34.8%, 0.0%, 18.8% 0.0%, 42.0%, 76.8%, 18.8%
OKLCH 0.6063 0.1366 247.7 0.6562 0.1371 56.2

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: #CF7830 → Background: #3087CF

The quick brown fox jumps over the lazy dog

Text: #3087CF → Background: #CF7830

Color Difference (Delta E)

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

Gradient

#3087CF #6C84B5 #8C829B #A27F82 #B47D68 #C27B4E #CF7830

Color Mixing

#3087CF

100%

#7E83A8

75:25

#A27F82

50:50

#BB7C5B

25:75

#CF7830

100%

CSS Gradient Code

background: linear-gradient(to right, #3087CF, #CF7830);
background: linear-gradient(135deg, #3087CF, #CF7830);

Explore Each Color

#3087CF

View full color details

#CF7830

View full color details

Related Comparisons