#0CACF3

#0CACF3

#F3530C

#F3530C

Contrast Ratio

1.36:1

Delta E

131.5

Very Different

50:50 Mix

#C48685

Color Values

Format #0CACF3 #F3530C
HEX #0CACF3 #F3530C
RGB 12, 172, 243 243, 83, 12
HSL 198.4, 90.6%, 50.0% 18.4, 90.6%, 50.0%
HSV 198.4, 95.1%, 95.3% 18.4, 95.1%, 95.3%
CMYK 95.1%, 29.2%, 0.0%, 4.7% 0.0%, 65.8%, 95.1%, 4.7%
OKLCH 0.706 0.1531 237.3 0.6546 0.2069 38.7

Contrast & Accessibility

1.36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3530C → Background: #0CACF3

The quick brown fox jumps over the lazy dog

Text: #0CACF3 → Background: #F3530C

Color Difference (Delta E)

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

Gradient

#0CACF3 #80A0CE #A993A9 #C48685 #D77762 #E7673D #F3530C

Color Mixing

#0CACF3

100%

#979ABB

75:25

#C48685

50:50

#E06F50

25:75

#F3530C

100%

CSS Gradient Code

background: linear-gradient(to right, #0CACF3, #F3530C);
background: linear-gradient(135deg, #0CACF3, #F3530C);

Explore Each Color

#0CACF3

View full color details

#F3530C

View full color details

Related Comparisons