Najbliższy nazwany kolor · #D5B8B7
#D5B8B7
Najbliższy nazwany kolor: Garden Snail
#D5B8B7 (rgb(213 184 183), hsl(2 26% 78%), oklch(0.807 0.033 20.2)) jest najbliższy nazwanemu kolorowi Garden Snail. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D5B8B7
oklch(0.807 0.033 20.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D9BFBE
- DEC6C5
- E2CDCC
- E6D4D3
- EADBDA
- EEE2E2
- F3E9E9
- F7F1F0
- FBF8F8
Odcienie ciemniejsze
- B9A09F
- 9E8887
- 837170
- 6A5B5A
- 514545
- 3A3131
- 241E1E
- 100C0C
- 020202
Tony
- CCB2B1
- C4ADAC
- BBA7A6
- B2A1A1
- AA9C9B
- A19696
- 999090
- 918B8B
- 888585
Harmonie kolorów
Komplementarna +180°
- D5B8B7
Garden Snail
- A8C7C9
≈ Spring Storm
Analogowa -30° +30°
- D5B8B7
Garden Snail
- D2B8C3
≈ Lavender Blessing
- D3BAAD
≈ Corkscrew Willow
Triada +120° +240°
- D5B8B7
Garden Snail
- B5C6B1
≈ Zanah
- B4C1D6
≈ Snow Flurries
Komplementarna rozszczepiona +150° +210°
- D5B8B7
Garden Snail
- ACC7BD
≈ Copenhagen
- ABC5D2
≈ Twinkle
Tetrada +90° +180° +270°
- D5B8B7
Garden Snail
- C1C2AA
≈ Delta Waters
- A8C7C9
≈ Spring Storm
- BFBDD5
≈ Twilight Pearl
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.84:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.36:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.36:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
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);
}