Couleur nommée la plus proche · #D5B8B7
#D5B8B7
Couleur nommée la plus proche: Garden Snail
#D5B8B7 (rgb(213 184 183), hsl(2 26% 78%), oklch(0.807 0.033 20.2)) est la plus proche de la couleur nommée Garden Snail. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D5B8B7
oklch(0.807 0.033 20.2)
Conversions de couleur
- HEX
- #d5b8b7
- RGB
- rgb(213 184 183)
- HSL
- hsl(2 26% 78%)
- HWB
- hwb(2 72% 16%)
- OKLCH
- oklch(0.807 0.033 20.2)
- OKLab
- oklab(0.807 0.031 0.012)
- CIE Lab
- lab(77.3 10.6 4.55)
- LCH
- lch(77.3 11.53 23.2)
- CMYK
- cmyk(0% 14% 14% 16%)
Teintes · Ombres · Tons
Teintes
- D9BFBE
- DEC6C5
- E2CDCC
- E6D4D3
- EADBDA
- EEE2E2
- F3E9E9
- F7F1F0
- FBF8F8
Ombres
- B9A09F
- 9E8887
- 837170
- 6A5B5A
- 514545
- 3A3131
- 241E1E
- 100C0C
- 020202
Tons
- CCB2B1
- C4ADAC
- BBA7A6
- B2A1A1
- AA9C9B
- A19696
- 999090
- 918B8B
- 888585
Harmonies de couleurs
Complémentaire +180°
- D5B8B7
Garden Snail
- A8C7C9
≈ Spring Storm
Analogue -30° +30°
- D5B8B7
Garden Snail
- D2B8C3
≈ Lavender Blessing
- D3BAAD
≈ Corkscrew Willow
Triadique +120° +240°
- D5B8B7
Garden Snail
- B5C6B1
≈ Zanah
- B4C1D6
≈ Snow Flurries
Complémentaire divisée +150° +210°
- D5B8B7
Garden Snail
- ACC7BD
≈ Copenhagen
- ABC5D2
≈ Twinkle
Tétradique +90° +180° +270°
- D5B8B7
Garden Snail
- C1C2AA
≈ Delta Waters
- A8C7C9
≈ Spring Storm
- BFBDD5
≈ Twilight Pearl
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.84:1 · APCA Lc 35
Ag
AAASur noir
WCAG 11.36:1 · APCA Lc 68
Meilleure couleur de texte: #000000
WCAG 11.36:1 (AAA) · APCA Lc 68
Contrast pairs
Extraits de code
CSS
:root {
--garden-snail: #d5b8b7;
--garden-snail-rgb: 213 184 183;
--garden-snail-oklch: oklch(0.807 0.033 20.2);
}
.element {
color: var(--garden-snail);
background-color: hsl(2 26% 78%);
border-color: oklch(0.807 0.033 20.2);
}Tailwind CSS v4
@theme {
--color-garden-snail: #d5b8b7;
--color-garden-snail-50: #fff2f1;
--color-garden-snail-100: #f3e4e3;
--color-garden-snail-200: #e2cfce;
--color-garden-snail-300: #c8b1b0;
--color-garden-snail-400: #b29796;
--color-garden-snail-500: #9b7e7d;
--color-garden-snail-600: #836b6a;
--color-garden-snail-700: #695554;
--color-garden-snail-800: #4d3e3e;
--color-garden-snail-900: #362b2b;
--color-garden-snail-950: #211818;
}SCSS
$garden-snail: #d5b8b7;
$garden-snail-rgb: 213, 184, 183;
$garden-snail-light: mix(#fff, $garden-snail, 20%);
$garden-snail-dark: mix(#000, $garden-snail, 20%);
.element {
color: $garden-snail;
box-shadow: 0 0 0 2px rgba($garden-snail, 0.35);
}