#EE99BC

Accessibility

AAA

9.92:1

Vs white / black

2.12:1 · 9.92:1

Sources

Library color

Codes

Formats

HEX

#ee99bc

RGB

rgb(238, 153, 188)

RGBA

rgba(238, 153, 188, 1)

HSL

hsl(335, 71%, 77%)

HSLA

hsla(335, 71%, 77%, 1)

HSV

hsv(335, 36%, 93%)

LAB

lab(72.62% 36.49 -4.76)

LCH

lch(72.62% 36.8 352.57)

OKLAB

oklab(0.7782 0.1093 -0.0121)

OKLCH

oklch(0.7782 0.11 353.68)

XYZ

xyz(55.73, 44.59, 53.24)

CMYK

cmyk(0%, 36%, 21%, 7%)

CSS

color: #ee99bc;

CSS variable

--color-ee99bc: #ee99bc;

SCSS

$color-ee99bc: #ee99bc;

JavaScript

const color = "#ee99bc";

TypeScript

const color: string = "#ee99bc";

React

style={{ backgroundColor: "#ee99bc" }}

JSON

{ "hex": "#ee99bc", "rgb": { "r": 238, "g": 153, "b": 188 }, "oklch": "oklch(0.7782 0.11 353.68)" }

Export

Developer code

css

:root {
  --#ee99bc-1: #ee99bc;
}

Design systems

Nearest official tokens

An arbitrary HEX is not an official Tailwind, Material, or Bootstrap color. Distance is CIEDE2000.

Nearest Tailwind color

pink-300

Noticeably different · ΔE 4.8 · #F9A8D4

Nearest CSS named color

LightPink

Very different · ΔE 9.18 · #FFB6C1

Nearest Material color

pink-200

Noticeably different · ΔE 3.25 · #F48FB1

Nearest Bootstrap color

danger

Very different · ΔE 26.98 · #DC3545

OKLCH

Perceptual 50–950 scale

Generated in OKLCH from this hex. Not an official Tailwind scale unless the hex itself is a Tailwind token.

50ffe3f8 100ffd4eb 200ffbdd8 300f0a4c2 400d784a7 500b9698b 6009c5774 7007e445d 800613247 900462131 9502d0e1c

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

fef7f9 fceef4 fbe6ee f9dde9 f8d5e3 f7ccde f5c4d8 f4bbd2 f2b3cd f1aac7 efa2c2 ee99bc da8cac c6809d b3738d 9f667d 8b596e 774d5e 63404e 4f333f 3c262f 28191f 140d10

Palette

Tints

Mixed toward white — soft backgrounds and highlights

fef7f9 fceef4 fbe6ee f9dde9 f8d5e3 f7ccde f5c4d8 f4bbd2 f2b3cd f1aac7 efa2c2

Palette

Shades

Mixed toward black — depth, text, and emphasis

da8cac c6809d b3738d 9f667d 8b596e 774d5e 63404e 4f333f 3c262f 28191f 140d10

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

e597b7 dc95b2 d393ad c991a8 c08fa3 b78d9e ae8a99 a58894 9c868f 92848a 898285

Harmony

Complementary

Opposite on the color wheel for contrast

#EE99BCStop 1 #9BEECBStop 2

Harmony

Analogous

Neighbors that sit comfortably together

#EE9BE7Stop 1 #EE99BCStop 2 #EEA29BStop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#EE99BCStop 1 #BDEE9BStop 2 #9BBDEEStop 3

Harmony

Split complementary

Base plus two accents beside the complement

#EE99BCStop 1 #9BEEA2Stop 2 #9BE7EEStop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#570F2DStop 1 #991A4FStop 2 #DA2570Stop 3 #E5669BStop 4 #F0A8C6Stop 5

Using this color

Where #ee99bc works

#EE99BC (#ee99bc) sits in the red family at about 335° hue, 71% saturation, and 77% lightness. Contrast is 2.12:1 on white and 9.92:1 on black, so near-black labels read more clearly on the swatch itself. Nearest Tailwind token: pink-300 (approximation unless the hex is an official scale stop).

Sensible jobs for this swatch

subtle surfaces, chips, and table stripes
text or icons on charcoal / dark mode

Do not use #ee99bc as small body text on white — 2.12:1 misses WCAG AA (4.5:1). Pair it with a darker shade from the scale below, or check pairs in the contrast checker.

Family context: Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention. Common uses still include buttons, charts, and accents in the Red range — always verify the pair for this exact hex in the contrast checker.

Similar & related colors

Nearby colors from the library by perceptual distance

Material Pink 200#F48FB1 Web Safe #FF99CC#FF99CC Chakra pink 400#F687B3 Tailwind pink 300#F9A8D4 Pico-8 Pink#FD79A8 Tailwind rose 300#FDA4AF Material Pink 100#F8BBD0 Tailwind pink 400#F472B6 LightPink#FFB6C1 Web Safe #CC99CC#CC99CC Plum#DDA0DD HotPink#FF69B4

Where #ee99bc works

Sensible jobs for this swatch

subtle surfaces, chips, and table stripes

text or icons on charcoal / dark mode

Do not use #ee99bc as small body text on white — 2.12:1 misses WCAG AA (4.5:1). Pair it with a darker shade from the scale below, or check pairs in the contrast checker.