#4D70F2

#4D70F2

#F2CF4D

#F2CF4D

Contrast Ratio

2.81:1

Delta E

142.74

Very Different

50:50 Mix

#BD9CA8

Color Values

Format #4D70F2 #F2CF4D
HEX #4D70F2 #F2CF4D
RGB 77, 112, 242 242, 207, 77
HSL 227.3, 86.4%, 62.5% 47.3, 86.4%, 62.5%
HSV 227.3, 68.2%, 94.9% 47.3, 68.2%, 94.9%
CMYK 68.2%, 53.7%, 0.0%, 5.1% 0.0%, 14.5%, 68.2%, 5.1%
OKLCH 0.5916 0.1988 268.3 0.8616 0.1492 93.8

Contrast & Accessibility

2.81:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2CF4D → Background: #4D70F2

The quick brown fox jumps over the lazy dog

Text: #4D70F2 → Background: #F2CF4D

Color Difference (Delta E)

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

Gradient

#4D70F2 #837EDA #A48DC1 #BD9CA8 #D2AD8D #E3BE70 #F2CF4D

Color Mixing

#4D70F2

100%

#9585CD

75:25

#BD9CA8

50:50

#DBB57F

25:75

#F2CF4D

100%

CSS Gradient Code

background: linear-gradient(to right, #4D70F2, #F2CF4D);
background: linear-gradient(135deg, #4D70F2, #F2CF4D);

Explore Each Color

#4D70F2

View full color details

#F2CF4D

View full color details

Related Comparisons