cyancoolCC0 survey name

Eggshell Blue #C4FFF7

Eggshell Blue is a light, vivid cool color (#C4FFF7; HSL 172° 100% 88%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “eggshell blue”.

Use cases: Fresh accents · Aquatic themes

Open in generator →

Families: Cyans · Aqua Colors · Mint Colors

Color values

FormatValue
HEX#C4FFF7
RGBrgb(196, 255, 247)
HSLhsl(172, 100%, 88%)
HSVhsv(172, 23%, 100%)
OKLCHoklch(95.79% 0.06 186)
OKLaboklab(95.79% -0.0598 -0.0062)
CMYKcmyk(23.1%, 0%, 3.1%, 0%)
XYZxyz(75.3084, 89.9681, 101.3753)
CIE-LABlab(96.0, -20.0, -2.2)
CIE-LCHlch(96.0, 20.1, 186.3°)
Luminance0.900 (WCAG relative)
/* Eggshell Blue */ --eggshell-blue: #c4fff7; color: #c4fff7; background-color: #c4fff7;

Source: xkcd color survey name (public domain, CC0). CSS keyword: eggshellblue.

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#aee2db #99c6c0 #85aba6 #71918c #5e7773 #4b5e5c #394745 #28302f #181b1b #000000

Tints (toward white)

#cafff8 #d1fff9 #d7fff9 #ddfffa #e3fffb #e8fffc #eefffd #f4fffd #f9fffe #ffffff

Tones (toward gray)

#c9fef7 #cefdf6 #d3fcf6 #d8fbf6 #ddf9f5 #e2f8f5 #e6f7f4 #ebf6f4 #eff5f4 #f3f3f3

Color harmonies

Complementary

Edit in generator →
#C4FFF7
#FFC4CC
#c4fff7 #ffc4cc

Analogous

Edit in generator →
#C4FFD9
#C4FFF7
#C4E9FF
#c4ffd9 #c4fff7 #c4e9ff

Triadic

Edit in generator →
#C4FFF7
#F7C4FF
#FFF7C4
#c4fff7 #f7c4ff #fff7c4

Tetradic

Edit in generator →
#C4FFF7
#D9C4FF
#FFC4CC
#E9FFC4
#c4fff7 #d9c4ff #ffc4cc #e9ffc4

Square

Edit in generator →
#C4FFF7
#D9C4FF
#FFC4CC
#E9FFC4
#c4fff7 #d9c4ff #ffc4cc #e9ffc4

Split Complementary

Edit in generator →
#C4FFF7
#FFC4E9
#FFD9C4
#c4fff7 #ffc4e9 #ffd9c4

Monochromatic

Edit in generator →
#4AFFE6
#87FFEF
#C4FFF7
#E0FFFB
#E0FFFB
#4affe6 #87ffef #c4fff7 #e0fffb #e0fffb

Accessibility & contrast

1.11
#C4FFF7 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
18.99
#C4FFF7 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on eggshell blue

18.99
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#F9F8F7
Deuteranopia (green-blind)
#EEF0F8
Tritanopia (blue-blind)
#B3FFFC

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Pale Cyan #B7FFFA2.39
Light Cyan #ACFFFC4.07
Ice #D6FFFA4.08
Pale Blue #D0FEFE4.39
Pale Aqua #B8FFEB4.66
Paleturquoise #AFEEEE4.75

Colors that go with eggshell blue

Top matches by hue harmony, contrast and saturation compatibility.

7.1:1
Same hue family as eggshell blue (Δh 7°) — guaranteed harmony
Pine Green #0A481E
9.7:1
Analogous hue (Δh ≈33°) — neighbors on the color wheel
Mud Brown #60460F
8.0:1
Triadic harmony (Δh ≈131°) — balanced three-way contrast
Espresso #4B382A
10.0:1
Split-complementary angle (Δh ≈146°) — strong but softer than direct complement
Wine #722F37
8.7:1
Complementary hue (Δh ≈179°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.