#7DA5F4

#7DA5F4

#F4CC7D

#F4CC7D

Contrast Ratio

1.61:1

Delta E

89.62

Very Different

50:50 Mix

#C7B7BB

Color Values

Format #7DA5F4 #F4CC7D
HEX #7DA5F4 #F4CC7D
RGB 125, 165, 244 244, 204, 125
HSL 219.8, 84.4%, 72.4% 39.8, 84.4%, 72.4%
HSV 219.8, 48.8%, 95.7% 39.8, 48.8%, 95.7%
CMYK 48.8%, 32.4%, 0.0%, 4.3% 0.0%, 16.4%, 48.8%, 4.3%
OKLCH 0.7254 0.1237 263.2 0.863 0.1076 83.4

Contrast & Accessibility

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4CC7D → Background: #7DA5F4

The quick brown fox jumps over the lazy dog

Text: #7DA5F4 → Background: #F4CC7D

Color Difference (Delta E)

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

Gradient

#7DA5F4 #9CABE1 #B3B1CE #C7B7BB #D8BEA7 #E7C592 #F4CC7D

Color Mixing

#7DA5F4

100%

#A8AED7

75:25

#C7B7BB

50:50

#DFC19D

25:75

#F4CC7D

100%

CSS Gradient Code

background: linear-gradient(to right, #7DA5F4, #F4CC7D);
background: linear-gradient(135deg, #7DA5F4, #F4CC7D);

Explore Each Color

#7DA5F4

View full color details

#F4CC7D

View full color details

Related Comparisons