#699FF2

#699FF2

#F2BC69

#F2BC69

Contrast Ratio

1.55:1

Delta E

97.05

Very Different

50:50 Mix

#C1ACB0

Color Values

Format #699FF2 #F2BC69
HEX #699FF2 #F2BC69
RGB 105, 159, 242 242, 188, 105
HSL 216.4, 84.0%, 68.0% 36.4, 84.0%, 68.0%
HSV 216.4, 56.6%, 94.9% 36.4, 56.6%, 94.9%
CMYK 56.6%, 34.3%, 0.0%, 5.1% 0.0%, 22.3%, 56.6%, 5.1%
OKLCH 0.701 0.1354 258.7 0.8274 0.1185 76.6

Contrast & Accessibility

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2BC69 → Background: #699FF2

The quick brown fox jumps over the lazy dog

Text: #699FF2 → Background: #F2BC69

Color Difference (Delta E)

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

Gradient

#699FF2 #90A3DC #ABA8C6 #C1ACB0 #D4B199 #E4B782 #F2BC69

Color Mixing

#699FF2

100%

#9FA5D1

75:25

#C1ACB0

50:50

#DCB48E

25:75

#F2BC69

100%

CSS Gradient Code

background: linear-gradient(to right, #699FF2, #F2BC69);
background: linear-gradient(135deg, #699FF2, #F2BC69);

Explore Each Color

#699FF2

View full color details

#F2BC69

View full color details

Related Comparisons