#7DA9F2

#7DA9F2

#F2C67D

#F2C67D

Contrast Ratio

1.49:1

Delta E

84.44

Very Different

50:50 Mix

#C5B7B9

Color Values

Format #7DA9F2 #F2C67D
HEX #7DA9F2 #F2C67D
RGB 125, 169, 242 242, 198, 125
HSL 217.4, 81.8%, 72.0% 37.4, 81.8%, 72.0%
HSV 217.4, 48.3%, 94.9% 37.4, 48.3%, 94.9%
CMYK 48.3%, 30.2%, 0.0%, 5.1% 0.0%, 18.2%, 48.3%, 5.1%
OKLCH 0.7328 0.1169 260.2 0.8494 0.104 79.3

Contrast & Accessibility

1.49:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2C67D → Background: #7DA9F2

The quick brown fox jumps over the lazy dog

Text: #7DA9F2 → Background: #F2C67D

Color Difference (Delta E)

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

Gradient

#7DA9F2 #9BADDF #B2B2CC #C5B7B9 #D6BCA6 #E5C192 #F2C67D

Color Mixing

#7DA9F2

100%

#A7B0D6

75:25

#C5B7B9

50:50

#DEBE9C

25:75

#F2C67D

100%

CSS Gradient Code

background: linear-gradient(to right, #7DA9F2, #F2C67D);
background: linear-gradient(135deg, #7DA9F2, #F2C67D);

Explore Each Color

#7DA9F2

View full color details

#F2C67D

View full color details

Related Comparisons