#3FAAFF

#3FAAFF

#FF943F

#FF943F

Contrast Ratio

1.14:1

Delta E

116.61

Very Different

50:50 Mix

#C99FA2

Color Values

Format #3FAAFF #FF943F
HEX #3FAAFF #FF943F
RGB 63, 170, 255 255, 148, 63
HSL 206.6, 100.0%, 62.4% 26.6, 100.0%, 62.4%
HSV 206.6, 75.3%, 100.0% 26.6, 75.3%, 100.0%
CMYK 75.3%, 33.3%, 0.0%, 0.0% 0.0%, 42.0%, 75.3%, 0.0%
OKLCH 0.7158 0.157 246.7 0.7662 0.1604 55.3

Contrast & Accessibility

1.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FF943F → Background: #3FAAFF

The quick brown fox jumps over the lazy dog

Text: #3FAAFF → Background: #FF943F

Color Difference (Delta E)

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

Gradient

#3FAAFF #87A6E0 #AEA3C1 #C99FA2 #DE9C83 #F09863 #FF943F

Color Mixing

#3FAAFF

100%

#9CA5D0

75:25

#C99FA2

50:50

#E79A73

25:75

#FF943F

100%

CSS Gradient Code

background: linear-gradient(to right, #3FAAFF, #FF943F);
background: linear-gradient(135deg, #3FAAFF, #FF943F);

Explore Each Color

#3FAAFF

View full color details

#FF943F

View full color details

Related Comparisons