Named color · #EBD5CC
Ole Pink
Ole Pink is #EBD5CC: rgb(235 213 204), hsl(17 44% 86%), oklch(0.889 0.027 43.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Ole Pink color name →
#EBD5CC
oklch(0.889 0.027 43.6)
Color conversions
- HEX
- #ebd5cc
- RGB
- rgb(235 213 204)
- HSL
- hsl(17 44% 86%)
- HWB
- hwb(17 80% 8%)
- OKLCH
- oklch(0.889 0.027 43.6)
- OKLab
- oklab(0.889 0.02 0.019)
- CIE Lab
- lab(86.92 6.8 7.38)
- LCH
- lch(86.92 10.03 47.4)
- CMYK
- cmyk(0% 9% 13% 8%)
Tints · Shades · Tones
Tints
- EDD9D1
- EFDDD6
- F1E2DB
- F3E6E0
- F5EAE5
- F7EEEA
- F9F2F0
- FBF7F5
- FDFBFA
Shades
- CCB9B1
- AE9E97
- 91837E
- 756A65
- 5B514E
- 413A37
- 292422
- 13100F
- 030202
Tones
- E0CCC4
- D5C3BC
- CABBB5
- BFB2AD
- B4AAA5
- A9A19E
- 9F9996
- 95908F
- 8A8887
Color harmonies
Complementary +180°
- EBD5CC
Ole Pink
- C8DFE8
≈ Wind Tunnel
Analogous -30° +30°
- EBD5CC
Ole Pink
- ECD3D5
≈ Charming Pink
- E6D8C7
≈ Dépaysement
Triadic +120° +240°
- EBD5CC
Ole Pink
- CBE0D5
≈ Melting Ice
- D7D8EC
≈ Sachet Cushion
Split-complementary +150° +210°
- EBD5CC
Ole Pink
- C7E0DF
≈ Wishy-Washy Blue
- CEDCED
≈ Alaskan Skies
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.40:1 · APCA Lc 20
Ag
AAAOn black
WCAG 14.92:1 · APCA Lc 84
Best text color: #000000
WCAG 14.92:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--ole-pink: #ebd5cc;
--ole-pink-rgb: 235 213 204;
--ole-pink-oklch: oklch(0.889 0.027 43.6);
}
.element {
color: var(--ole-pink);
background-color: hsl(17 44% 86%);
border-color: oklch(0.889 0.027 43.6);
}Tailwind CSS v4
@theme {
--color-ole-pink: #ebd5cc;
--color-ole-pink-50: #fcf3ef;
--color-ole-pink-100: #f0e5e0;
--color-ole-pink-200: #dfd1cb;
--color-ole-pink-300: #c4b3ac;
--color-ole-pink-400: #ad9a92;
--color-ole-pink-500: #978178;
--color-ole-pink-600: #7f6d65;
--color-ole-pink-700: #665751;
--color-ole-pink-800: #4b3f3b;
--color-ole-pink-900: #342c28;
--color-ole-pink-950: #201916;
}SCSS
$ole-pink: #ebd5cc;
$ole-pink-rgb: 235, 213, 204;
$ole-pink-light: mix(#fff, $ole-pink, 20%);
$ole-pink-dark: mix(#000, $ole-pink, 20%);
.element {
color: $ole-pink;
box-shadow: 0 0 0 2px rgba($ole-pink, 0.35);
}