graf1x

Duck Egg Blue Color

Duck Egg Blue is a cyan color with hex code #C3FBF4. This page covers its meaning, all color values, harmonies, colors that go with duck egg blue, shades, tints, similar colors, CSS examples, FAQs, and WCAG contrast ratios.

Duck Egg Blue Color Values

HEX
#C3FBF4
RGB
195, 251, 244
HSL
173, 88%, 87%
HSV
173, 22%, 98%
CIE LAB
94.8, -19, -2.4
OKLCH
0.948, 0.057, 186.8
ISCC-NBS
Green
Hue Family
Cyan

What Does Duck Egg Blue Mean?

Duck Egg Blue belongs to the cyan family of colors. The cyan family covers turquoise, teal, and aqua: blue calmed down with a little green mixed in. Travel sites, spas, and healthcare brands camp here because these hues read as fresh and clean without turning clinical. As a lighter shade, Duck Egg Blue reads as airy and understated, comfortable working in backgrounds and across big surfaces.

In the ISCC-NBS color naming system, Duck Egg Blue is classified as a green (nearest centroid: very pale green, #C7E6D7). It is also known as Glacial Drift.

Color Harmonies

Complementary

#C3FBF4Duck Egg Blue
#FBC1C7Complement

Analogous

#C1FBD7Analogous 1
#C3FBF4Duck Egg Blue
#C1E5FBAnalogous 2

Triadic

#C3FBF4Duck Egg Blue
#F4C1FBTriad 1
#FBF4C1Triad 2

Colors That Go With Duck Egg Blue

#C3FBF4Duck Egg Blue
#FBC1C7Complement

Duck Egg Blue and #FBC1C7 are complements, parked opposite each other on the wheel. Together they hit maximum contrast, so a rough 70/30 split keeps the pairing from shouting.

#C1FBD7Analogous 1
#C3FBF4Duck Egg Blue
#C1E5FBAnalogous 2

Analogous neighbors — #C1FBD7 and #C1E5FB, which sit beside duck egg blue on the wheel. Pairings like this feel calm and settled, which suits backgrounds and gradients.

#C3FBF4Duck Egg Blue
#F4C1FBTriad 1
#FBF4C1Triad 2

For an energetic three-color palette, pair duck egg blue with triadic partners #F4C1FB and #FBF4C1. All three sit evenly spaced around the wheel, so the scheme stays lively without clashing.

Build and test these combinations in our Color Wheel Tool or check text readability with the Contrast Checker.

Tints and Shades

Tints (lighter)

#CAFCF6
#D4FCF8
#E2FDFA
#ECFEFC
#F5FEFD

Shades (darker)

#7EF7E9
#36F2DC
#0DD3BC
#098B7C
#054840

Similar Colors

CSS Examples

.text { color: #C3FBF4; }
.background { background-color: #C3FBF4; }
.border { border: 2px solid #C3FBF4; }
.shadow { box-shadow: 0 4px 6px #C3FBF440; }

WCAG Contrast

1.14:1
vs White AA ✗
18.43:1
vs Black AA ✓

Frequently Asked Questions

What is the hex code for duck egg blue?

Duck Egg Blue has the hex code #C3FBF4. In RGB notation it is rgb(195, 251, 244), in HSL it is hsl(173, 88%, 87%), and its OKLCH value is 0.948, 0.057, 186.8.

What does the color duck egg blue mean?

Cyan-family colors like duck egg blue carry distinct psychological associations. Duck Egg Blue belongs to the cyan family of colors. The cyan family covers turquoise, teal, and aqua: blue calmed down with a little green mixed in. Travel sites, spas, and healthcare brands camp here because these hues read as fresh and clean without turning clinical. As a lighter shade, Duck Egg Blue reads as airy and understated, comfortable working in backgrounds and across big surfaces.

What colors go with duck egg blue?

Duck Egg Blue has three easy routes: its complement #FBC1C7 for punch, its neighbors #C1FBD7 and #C1E5FB for something calmer, or triadic partners #F4C1FB and #FBF4C1 when you want energy.

Is duck egg blue a standard web color?

No — Duck Egg Blue is not a CSS keyword. Use its hex value #C3FBF4 or any RGB/HSL equivalent in your stylesheets.

How do I make duck egg blue lighter or darker?

To lighten duck egg blue, add white to create tints; to darken it, add black to create shades. The tints and shades table above shows five computed steps of each, from #F5FEFD (lightest tint) to #054840 (darkest shade).

About Duck Egg Blue

Duck Egg Blue is classified as a Green in the ISCC-NBS color naming system, within the Cyan hue family. It has alternative names including Glacial Drift. The color is recognized by XKCD, meodai.

Use our Color Converter to convert #C3FBF4 to any other color format, or explore the Color Wheel to find harmonious color combinations.