Named color · #E8C3C2
Pelican Feather
Pelican Feather is #E8C3C2: rgb(232 195 194), hsl(2 45% 84%), oklch(0.849 0.042 19.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Pelican Feather color name →
#E8C3C2
oklch(0.849 0.042 19.8)
Color conversions
- HEX
- #e8c3c2
- RGB
- rgb(232 195 194)
- HSL
- hsl(2 45% 84%)
- HWB
- hwb(2 76% 9%)
- OKLCH
- oklch(0.849 0.042 19.8)
- OKLab
- oklab(0.849 0.04 0.014)
- CIE Lab
- lab(82.03 13.45 5.67)
- LCH
- lch(82.03 14.59 22.9)
- CMYK
- cmyk(0% 16% 16% 9%)
Tints · Shades · Tones
Tints
- EAC9C8
- EDCFCE
- EFD5D4
- F2DBDA
- F4E1E0
- F6E7E6
- F9EDEC
- FBF3F3
- FDF9F9
Shades
- CAA9A8
- AC908F
- 907877
- 746060
- 594A49
- 403434
- 292020
- 130E0E
- 030202
Tones
- DDBCBB
- D3B5B4
- C8AEAE
- BDA8A7
- B3A1A0
- A99A9A
- 9E9493
- 948D8D
- 8A8786
Color harmonies
Complementary +180°
- E8C3C2
Pelican Feather
- AED6D8
≈ Light Continental Waters
Analogous -30° +30°
- E8C3C2
Pelican Feather
- E4C3D1
≈ In the Slip
- E5C6B5
≈ Cupcake Rose
Triadic +120° +240°
- E8C3C2
Pelican Feather
- BFD5BB
≈ Surf Crest
- BECEEA
≈ Maritime
Split-complementary +150° +210°
- E8C3C2
Pelican Feather
- B3D7C9
≈ Gemini
- B2D3E4
≈ Spotted Snake Eel
Tetradic +90° +180° +270°
- E8C3C2
Pelican Feather
- CFD0B1
≈ Bitter Melon
- AED6D8
≈ Light Continental Waters
- CCC9E8
≈ Italian Fitch
Contrast & accessibility
Ag
FailOn white
WCAG 1.61:1 · APCA Lc 28
Ag
AAAOn black
WCAG 13.01:1 · APCA Lc 75
Best text color: #000000
WCAG 13.01:1 (AAA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--pelican-feather: #e8c3c2;
--pelican-feather-rgb: 232 195 194;
--pelican-feather-oklch: oklch(0.849 0.042 19.8);
}
.element {
color: var(--pelican-feather);
background-color: hsl(2 45% 84%);
border-color: oklch(0.849 0.042 19.8);
}Tailwind CSS v4
@theme {
--color-pelican-feather: #e8c3c2;
--color-pelican-feather-50: #fff1f0;
--color-pelican-feather-100: #f6e3e2;
--color-pelican-feather-200: #e6cecc;
--color-pelican-feather-300: #ccafae;
--color-pelican-feather-400: #b69594;
--color-pelican-feather-500: #a17b7b;
--color-pelican-feather-600: #886968;
--color-pelican-feather-700: #6d5353;
--color-pelican-feather-800: #503d3d;
--color-pelican-feather-900: #382a2a;
--color-pelican-feather-950: #221717;
}SCSS
$pelican-feather: #e8c3c2;
$pelican-feather-rgb: 232, 195, 194;
$pelican-feather-light: mix(#fff, $pelican-feather, 20%);
$pelican-feather-dark: mix(#000, $pelican-feather, 20%);
.element {
color: $pelican-feather;
box-shadow: 0 0 0 2px rgba($pelican-feather, 0.35);
}