Couleur nommée · #D4BEBF
Embroidery
Embroidery correspond à #D4BEBF : rgb(212 190 191), hsl(357 20% 79%), oklch(0.82 0.025 14.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Embroidery color name →
#D4BEBF
oklch(0.82 0.025 14.5)
Conversions de couleur
- HEX
- #d4bebf
- RGB
- rgb(212 190 191)
- HSL
- hsl(357 20% 79%)
- HWB
- hwb(357 75% 17%)
- OKLCH
- oklch(0.82 0.025 14.5)
- OKLab
- oklab(0.82 0.024 0.006)
- CIE Lab
- lab(78.88 8.18 2.49)
- LCH
- lch(78.88 8.55 16.9)
- CMYK
- cmyk(0% 10% 10% 17%)
Teintes · Ombres · Tons
Teintes
- D8C4C5
- DDCBCC
- E1D1D2
- E5D8D8
- EADEDF
- EEE5E5
- F2EBEB
- F6F2F2
- FBF8F8
Ombres
- B8A5A6
- 9D8C8D
- 837575
- 695E5E
- 514848
- 3A3333
- 241F1F
- 100D0D
- 020202
Tons
- CBB8B9
- C3B1B2
- BAABAC
- B2A5A5
- A99E9F
- A19899
- 999292
- 908C8C
- 888686
Harmonies de couleurs
Complémentaire +180°
- D4BEBF
Embroidery
- B2CAC9
≈ Seaport Steam
Analogue -30° +30°
- D4BEBF
Embroidery
- D1BEC8
≈ Queen’s Tart
- D3C0B7
≈ Wild Rice
Triadique +120° +240°
- D4BEBF
Embroidery
- BEC8B8
≈ Tree Pose
- BAC5D5
≈ Candela
Complémentaire divisée +150° +210°
- D4BEBF
Embroidery
- B6CAC0
≈ Tropical Cyclone
- B4C8D0
≈ Silver Dusk
Tétradique +90° +180° +270°
- D4BEBF
Embroidery
- C6C5B3
≈ Spring Grey
- B2CAC9
≈ Seaport Steam
- C2C2D4
≈ Estate Violet
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.76:1 · APCA Lc 32
Ag
AAASur noir
WCAG 11.91:1 · APCA Lc 70
Meilleure couleur de texte: #000000
WCAG 11.91:1 (AAA) · APCA Lc 70
Contrast pairs
Extraits de code
CSS
:root {
--embroidery: #d4bebf;
--embroidery-rgb: 212 190 191;
--embroidery-oklch: oklch(0.82 0.025 14.5);
}
.element {
color: var(--embroidery);
background-color: hsl(357 20% 79%);
border-color: oklch(0.82 0.025 14.5);
}Tailwind CSS v4
@theme {
--color-embroidery: #d4bebf;
--color-embroidery-50: #fcf2f2;
--color-embroidery-100: #f0e5e5;
--color-embroidery-200: #dfd0d0;
--color-embroidery-300: #c4b3b3;
--color-embroidery-400: #ad999a;
--color-embroidery-500: #968081;
--color-embroidery-600: #7f6c6d;
--color-embroidery-700: #665657;
--color-embroidery-800: #4b3f40;
--color-embroidery-900: #342b2c;
--color-embroidery-950: #1f1919;
}SCSS
$embroidery: #d4bebf;
$embroidery-rgb: 212, 190, 191;
$embroidery-light: mix(#fff, $embroidery, 20%);
$embroidery-dark: mix(#000, $embroidery, 20%);
.element {
color: $embroidery;
box-shadow: 0 0 0 2px rgba($embroidery, 0.35);
}