Named color · #ECB2B3
Deeply Embarrassed
Deeply Embarrassed is #ECB2B3: rgb(236 178 179), hsl(359 60% 81%), oklch(0.817 0.068 17.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Deeply Embarrassed color name →
#ECB2B3
oklch(0.817 0.068 17.5)
Color conversions
- HEX
- #ecb2b3
- RGB
- rgb(236 178 179)
- HSL
- hsl(359 60% 81%)
- HWB
- hwb(359 70% 7%)
- OKLCH
- oklch(0.817 0.068 17.5)
- OKLab
- oklab(0.817 0.065 0.02)
- CIE Lab
- lab(78.06 21.85 8.15)
- LCH
- lch(78.06 23.32 20.5)
- CMYK
- cmyk(0% 25% 24% 7%)
Tints · Shades · Tones
Tints
- EEBABA
- F1C1C2
- F3C9C9
- F5D1D1
- F7D8D8
- F9E0E0
- FAE8E8
- FCEFEF
- FEF7F7
Shades
- CD9A9B
- AF8384
- 926D6E
- 765758
- 5B4343
- 422F2F
- 291D1D
- 130C0C
- 030101
Tones
- E1ADAE
- D6A8A9
- CBA3A3
- C09E9E
- B59999
- AB9494
- A08F8F
- 958A8A
- 8B8585
Color harmonies
Complementary +180°
- ECB2B3
Deeply Embarrassed
- 8ED1D3
≈ Bora Bora Shore
Analogous -30° +30°
- ECB2B3
Deeply Embarrassed
- E5B2CB
≈ Muddy Mauve
- E9B79E
≈ Seasonal Beige
Triadic +120° +240°
- ECB2B3
Deeply Embarrassed
- AECEA3
≈ Garden Room
- A8C5EF
≈ Sky High
Split-complementary +150° +210°
- ECB2B3
Deeply Embarrassed
- 98D2BA
≈ Larimar Green
- 94CDE6
≈ Medical Mask
Tetradic +90° +180° +270°
- ECB2B3
Deeply Embarrassed
- C7C794
≈ Yerba Mate
- 8ED1D3
≈ Bora Bora Shore
- C0BDEE
≈ Vodka
Contrast & accessibility
Ag
FailOn white
WCAG 1.81:1 · APCA Lc 34
Ag
AAAOn black
WCAG 11.58:1 · APCA Lc 69
Best text color: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
Code snippets
CSS
:root {
--deeply-embarrassed: #ecb2b3;
--deeply-embarrassed-rgb: 236 178 179;
--deeply-embarrassed-oklch: oklch(0.817 0.068 17.5);
}
.element {
color: var(--deeply-embarrassed);
background-color: hsl(359 60% 81%);
border-color: oklch(0.817 0.068 17.5);
}Tailwind CSS v4
@theme {
--color-deeply-embarrassed: #ecb2b3;
--color-deeply-embarrassed-50: #ffeeed;
--color-deeply-embarrassed-100: #fedfdf;
--color-deeply-embarrassed-200: #f0c9c9;
--color-deeply-embarrassed-300: #d8aaa9;
--color-deeply-embarrassed-400: #c38f90;
--color-deeply-embarrassed-500: #af7476;
--color-deeply-embarrassed-600: #946264;
--color-deeply-embarrassed-700: #764e50;
--color-deeply-embarrassed-800: #58393b;
--color-deeply-embarrassed-900: #3d2728;
--color-deeply-embarrassed-950: #261516;
}SCSS
$deeply-embarrassed: #ecb2b3;
$deeply-embarrassed-rgb: 236, 178, 179;
$deeply-embarrassed-light: mix(#fff, $deeply-embarrassed, 20%);
$deeply-embarrassed-dark: mix(#000, $deeply-embarrassed, 20%);
.element {
color: $deeply-embarrassed;
box-shadow: 0 0 0 2px rgba($deeply-embarrassed, 0.35);
}