Nazwany kolor · #D2DAD0
Dead Nettle White
Dead Nettle White to #D2DAD0: rgb(210 218 208), hsl(108 12% 84%), oklch(0.879 0.016 139.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Dead Nettle White color name →
#D2DAD0
oklch(0.879 0.016 139.4)
Konwersje koloru
- HEX
- #d2dad0
- RGB
- rgb(210 218 208)
- HSL
- hsl(108 12% 84%)
- HWB
- hwb(108 82% 15%)
- OKLCH
- oklch(0.879 0.016 139.4)
- OKLab
- oklab(0.879 -0.012 0.01)
- CIE Lab
- lab(86.22 -4.16 3.95)
- LCH
- lch(86.22 5.73 136.5)
- CMYK
- cmyk(4% 0% 5% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6DED5
- DBE1D9
- DFE5DE
- E4E9E3
- E8ECE7
- EDF0EC
- F1F4F1
- F6F8F5
- FAFBFA
Odcienie ciemniejsze
- B6BDB5
- 9BA29A
- 818780
- 686C67
- 50544F
- 393C39
- 242523
- 101110
- 020202
Tony
- C9D1C8
- C1C7BF
- B9BEB7
- B0B5AF
- A8ACA7
- A0A39F
- 989A97
- 90918F
- 888988
Harmonie kolorów
Komplementarna +180°
- D2DAD0
Dead Nettle White
- DCD4DE
≈ Timid Violet
Analogowa -30° +30°
- D2DAD0
Dead Nettle White
- D8D8CC
≈ Ancient Kingdom
- CEDBD5
≈ Pearly Jade
Triada +120° +240°
- D2DAD0
Dead Nettle White
- D1D8E2
≈ So Blue-Berry
- E2D3D3
≈ Theatre Powder Rose
Komplementarna rozszczepiona +150° +210°
- D2DAD0
Dead Nettle White
- D7D6E1
≈ Heavenly Haze
- E0D3D9
≈ Fairy White
Tetrada +90° +180° +270°
- D2DAD0
Dead Nettle White
- CDDAE0
≈ Pale Cornflower
- DCD4DE
≈ Timid Violet
- E1D4CE
≈ Light Weathered Hide
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.43:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.67:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.67:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--dead-nettle-white: #d2dad0;
--dead-nettle-white-rgb: 210 218 208;
--dead-nettle-white-oklch: oklch(0.879 0.016 139.4);
}
.element {
color: var(--dead-nettle-white);
background-color: hsl(108 12% 84%);
border-color: oklch(0.879 0.016 139.4);
}Tailwind CSS v4
@theme {
--color-dead-nettle-white: #d2dad0;
--color-dead-nettle-white-50: #f3f6f2;
--color-dead-nettle-white-100: #e5e9e4;
--color-dead-nettle-white-200: #d1d6d0;
--color-dead-nettle-white-300: #b3bab2;
--color-dead-nettle-white-400: #9aa198;
--color-dead-nettle-white-500: #81897f;
--color-dead-nettle-white-600: #6d746b;
--color-dead-nettle-white-700: #575d56;
--color-dead-nettle-white-800: #40443e;
--color-dead-nettle-white-900: #2c2f2b;
--color-dead-nettle-white-950: #191b18;
}SCSS
$dead-nettle-white: #d2dad0;
$dead-nettle-white-rgb: 210, 218, 208;
$dead-nettle-white-light: mix(#fff, $dead-nettle-white, 20%);
$dead-nettle-white-dark: mix(#000, $dead-nettle-white, 20%);
.element {
color: $dead-nettle-white;
box-shadow: 0 0 0 2px rgba($dead-nettle-white, 0.35);
}