#4F6AF8

#4F6AF8

#F8DD4F

#F8DD4F

Contrast Ratio

3.25:1

Delta E

154.47

Very Different

50:50 Mix

#C2A0AD

Color Values

Format #4F6AF8 #F8DD4F
HEX #4F6AF8 #F8DD4F
RGB 79, 106, 248 248, 221, 79
HSL 230.4, 92.3%, 64.1% 50.4, 92.3%, 64.1%
HSV 230.4, 68.1%, 97.3% 50.4, 68.1%, 97.3%
CMYK 68.1%, 57.3%, 0.0%, 2.7% 0.0%, 10.9%, 68.1%, 2.7%
OKLCH 0.586 0.2132 270.3 0.8953 0.1582 98.3

Contrast & Accessibility

3.25:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F8DD4F → Background: #4F6AF8

The quick brown fox jumps over the lazy dog

Text: #4F6AF8 → Background: #F8DD4F

Color Difference (Delta E)

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

Gradient

#4F6AF8 #877BE0 #A98DC7 #C2A0AD #D7B492 #E9C874 #F8DD4F

Color Mixing

#4F6AF8

100%

#9984D3

75:25

#C2A0AD

50:50

#E0BE84

25:75

#F8DD4F

100%

CSS Gradient Code

background: linear-gradient(to right, #4F6AF8, #F8DD4F);
background: linear-gradient(135deg, #4F6AF8, #F8DD4F);

Explore Each Color

#4F6AF8

View full color details

#F8DD4F

View full color details

Related Comparisons