#0C99F3

#0C99F3

#F3660C

#F3660C

Contrast Ratio

1.02:1

Delta E

131.73

Very Different

50:50 Mix

#C18288

Color Values

Format #0C99F3 #F3660C
HEX #0C99F3 #F3660C
RGB 12, 153, 243 243, 102, 12
HSL 203.4, 90.6%, 50.0% 23.4, 90.6%, 50.0%
HSV 203.4, 95.1%, 95.3% 23.4, 95.1%, 95.3%
CMYK 95.1%, 37.0%, 0.0%, 4.7% 0.0%, 58.0%, 95.1%, 4.7%
OKLCH 0.6626 0.1689 246.3 0.6778 0.1919 44.5

Contrast & Accessibility

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3660C → Background: #0C99F3

The quick brown fox jumps over the lazy dog

Text: #0C99F3 → Background: #F3660C

Color Difference (Delta E)

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

Gradient

#0C99F3 #7C91CF #A58AAB #C18288 #D57965 #E57040 #F3660C

Color Mixing

#0C99F3

100%

#938EBD

75:25

#C18288

50:50

#DE7553

25:75

#F3660C

100%

CSS Gradient Code

background: linear-gradient(to right, #0C99F3, #F3660C);
background: linear-gradient(135deg, #0C99F3, #F3660C);

Explore Each Color

#0C99F3

View full color details

#F3660C

View full color details

Related Comparisons