#68B2F9

#68B2F9

#F9AF68

#F9AF68

Contrast Ratio

1.22:1

Delta E

91.97

Very Different

50:50 Mix

#C7B0B2

Color Values

Format #68B2F9 #F9AF68
HEX #68B2F9 #F9AF68
RGB 104, 178, 249 249, 175, 104
HSL 209.4, 92.4%, 69.2% 29.4, 92.4%, 69.2%
HSV 209.4, 58.2%, 97.6% 29.4, 58.2%, 97.6%
CMYK 58.2%, 28.5%, 0.0%, 2.4% 0.0%, 29.7%, 58.2%, 2.4%
OKLCH 0.7448 0.1272 249.0 0.8105 0.1233 63.4

Contrast & Accessibility

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F9AF68 → Background: #68B2F9

The quick brown fox jumps over the lazy dog

Text: #68B2F9 → Background: #F9AF68

Color Difference (Delta E)

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

Gradient

#68B2F9 #93B1E1 #B0B1C9 #C7B0B2 #DAB09A #EBAF81 #F9AF68

Color Mixing

#68B2F9

100%

#A3B1D5

75:25

#C7B0B2

50:50

#E3B08E

25:75

#F9AF68

100%

CSS Gradient Code

background: linear-gradient(to right, #68B2F9, #F9AF68);
background: linear-gradient(135deg, #68B2F9, #F9AF68);

Explore Each Color

#68B2F9

View full color details

#F9AF68

View full color details

Related Comparisons