#2E4AF7

#2E4AF7

#F7DB2E

#F7DB2E

Contrast Ratio

4.4:1

Delta E

183.54

Very Different

50:50 Mix

#C08EA4

Color Values

Format #2E4AF7 #F7DB2E
HEX #2E4AF7 #F7DB2E
RGB 46, 74, 247 247, 219, 46
HSL 231.6, 92.6%, 57.5% 51.6, 92.6%, 57.5%
HSV 231.6, 81.4%, 96.9% 51.6, 81.4%, 96.9%
CMYK 81.4%, 70.0%, 0.0%, 3.1% 0.0%, 11.3%, 81.4%, 3.1%
OKLCH 0.5167 0.2553 267.7 0.8884 0.1743 99.2

Contrast & Accessibility

4.4:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F7DB2E → Background: #2E4AF7

The quick brown fox jumps over the lazy dog

Text: #2E4AF7 → Background: #F7DB2E

Color Difference (Delta E)

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

Gradient

#2E4AF7 #7D5FDC #A476C0 #C08EA4 #D6A786 #E8C162 #F7DB2E

Color Mixing

#2E4AF7

100%

#936ACE

75:25

#C08EA4

50:50

#DFB475

25:75

#F7DB2E

100%

CSS Gradient Code

background: linear-gradient(to right, #2E4AF7, #F7DB2E);
background: linear-gradient(135deg, #2E4AF7, #F7DB2E);

Explore Each Color

#2E4AF7

View full color details

#F7DB2E

View full color details

Related Comparisons