#4F7CF8

#4F7CF8

#F8CB4F

#F8CB4F

Contrast Ratio

2.45:1

Delta E

136.7

Very Different

50:50 Mix

#C2A1AB

Color Values

Format #4F7CF8 #F8CB4F
HEX #4F7CF8 #F8CB4F
RGB 79, 124, 248 248, 203, 79
HSL 224.0, 92.3%, 64.1% 44.0, 92.3%, 64.1%
HSV 224.0, 68.1%, 97.3% 44.0, 68.1%, 97.3%
CMYK 68.1%, 50.0%, 0.0%, 2.7% 0.0%, 18.1%, 68.1%, 2.7%
OKLCH 0.6201 0.1918 266.0 0.8596 0.1468 88.7

Contrast & Accessibility

2.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F8CB4F → Background: #4F7CF8

The quick brown fox jumps over the lazy dog

Text: #4F7CF8 → Background: #F8CB4F

Color Difference (Delta E)

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

Gradient

#4F7CF8 #8687DF #A893C5 #C2A1AB #D7AE8F #E8BC72 #F8CB4F

Color Mixing

#4F7CF8

100%

#998DD2

75:25

#C2A1AB

50:50

#E0B581

25:75

#F8CB4F

100%

CSS Gradient Code

background: linear-gradient(to right, #4F7CF8, #F8CB4F);
background: linear-gradient(135deg, #4F7CF8, #F8CB4F);

Explore Each Color

#4F7CF8

View full color details

#F8CB4F

View full color details

Related Comparisons