#66B2FF

#66B2FF

#FFB366

#FFB366

Contrast Ratio

1.27:1

Delta E

97.57

Very Different

50:50 Mix

#CBB2B4

Color Values

Format #66B2FF #FFB366
HEX #66B2FF #FFB366
RGB 102, 178, 255 255, 179, 102
HSL 210.2, 100.0%, 70.0% 30.2, 100.0%, 70.0%
HSV 210.2, 60.0%, 100.0% 30.2, 60.0%, 100.0%
CMYK 60.0%, 30.2%, 0.0%, 0.0% 0.0%, 29.8%, 60.0%, 0.0%
OKLCH 0.7469 0.1352 250.4 0.8241 0.1288 64.7

Contrast & Accessibility

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFB366 → Background: #66B2FF

The quick brown fox jumps over the lazy dog

Text: #66B2FF → Background: #FFB366

Color Difference (Delta E)

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

Gradient

#66B2FF #94B2E6 #B3B2CD #CBB2B4 #DFB29B #F0B381 #FFB366

Color Mixing

#66B2FF

100%

#A5B2D9

75:25

#CBB2B4

50:50

#E8B28E

25:75

#FFB366

100%

CSS Gradient Code

background: linear-gradient(to right, #66B2FF, #FFB366);
background: linear-gradient(135deg, #66B2FF, #FFB366);

Explore Each Color

#66B2FF

View full color details

#FFB366

View full color details

Related Comparisons