Couleur nommée la plus proche · #E8ADB4
#E8ADB4
Couleur nommée la plus proche: Deeply Embarrassed
#E8ADB4 (rgb(232 173 180), hsl(353 56% 79%), oklch(0.804 0.07 10.8)) est la plus proche de la couleur nommée Deeply Embarrassed. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E8ADB4
oklch(0.804 0.07 10.8)
Conversions de couleur
- HEX
- #e8adb4
- RGB
- rgb(232 173 180)
- HSL
- hsl(353 56% 79%)
- HWB
- hwb(353 68% 9%)
- OKLCH
- oklch(0.804 0.07 10.8)
- OKLab
- oklab(0.804 0.068 0.013)
- CIE Lab
- lab(76.48 22.97 5.31)
- LCH
- lch(76.48 23.58 13)
- CMYK
- cmyk(0% 25% 22% 9%)
Teintes · Ombres · Tons
Teintes
- EBB5BB
- EDBDC3
- F0C5CA
- F2CED1
- F5D6D9
- F7DEE0
- F9E6E8
- FBEEF0
- FDF7F7
Ombres
- CA969C
- AC7F85
- 906A6E
- 745558
- 594144
- 402D30
- 291B1D
- 130B0C
- 030102
Tons
- DDA9AF
- D3A4A9
- C8A0A4
- BE9B9F
- B4979A
- A99294
- 9F8E8F
- 95898A
- 8A8585
Harmonies de couleurs
Complémentaire +180°
- E8ADB4
Deeply Embarrassed
- 89CECA
≈ Surf Wash
Analogue -30° +30°
- E8ADB4
Deeply Embarrassed
- DFAECD
≈ Dreamy Pink
- E7B19D
≈ Pretty in Peach
Triadique +120° +240°
- E8ADB4
Deeply Embarrassed
- B0C99A
≈ Desert Cactus
- 9EC3EB
≈ Sail to the Sea
Complémentaire divisée +150° +210°
- E8ADB4
Deeply Embarrassed
- 97CDB0
≈ Mint Ice Cream
- 8CCADF
≈ Baby Motive
Tétradique +90° +180° +270°
- E8ADB4
Deeply Embarrassed
- C8C18D
≈ Lime Peel
- 89CECA
≈ Surf Wash
- B6BBEC
≈ Larkspur Bud
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.89:1 · APCA Lc 36
Ag
AAASur noir
WCAG 11.06:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 11.06:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
CSS
:root {
--deeply-embarrassed: #e8adb4;
--deeply-embarrassed-rgb: 232 173 180;
--deeply-embarrassed-oklch: oklch(0.804 0.07 10.8);
}
.element {
color: var(--deeply-embarrassed);
background-color: hsl(353 56% 79%);
border-color: oklch(0.804 0.07 10.8);
}Tailwind CSS v4
@theme {
--color-deeply-embarrassed: #e8adb4;
--color-deeply-embarrassed-50: #ffeeef;
--color-deeply-embarrassed-100: #fedfe1;
--color-deeply-embarrassed-200: #f1c9cc;
--color-deeply-embarrassed-300: #d9a9ad;
--color-deeply-embarrassed-400: #c48e94;
--color-deeply-embarrassed-500: #af737b;
--color-deeply-embarrassed-600: #946168;
--color-deeply-embarrassed-700: #774e53;
--color-deeply-embarrassed-800: #58383d;
--color-deeply-embarrassed-900: #3d262a;
--color-deeply-embarrassed-950: #271518;
}SCSS
$deeply-embarrassed: #e8adb4;
$deeply-embarrassed-rgb: 232, 173, 180;
$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);
}