Nazwany kolor · #D1DBD2
Light Zen
Light Zen to #D1DBD2: rgb(209 219 210), hsl(126 12% 84%), oklch(0.881 0.016 148.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Light Zen color name →
#D1DBD2
oklch(0.881 0.016 148.4)
Konwersje koloru
- HEX
- #d1dbd2
- RGB
- rgb(209 219 210)
- HSL
- hsl(126 12% 84%)
- HWB
- hwb(126 82% 14%)
- OKLCH
- oklch(0.881 0.016 148.4)
- OKLab
- oklab(0.881 -0.014 0.009)
- CIE Lab
- lab(86.44 -4.72 3.21)
- LCH
- lch(86.44 5.71 145.8)
- CMYK
- cmyk(5% 0% 4% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6DFD6
- DAE2DB
- DFE6DF
- E3E9E4
- E8EDE8
- ECF0ED
- F1F4F1
- F6F8F6
- FAFBFA
Odcienie ciemniejsze
- B5BEB6
- 9BA29B
- 818781
- 686D68
- 505450
- 393C39
- 232624
- 101110
- 020202
Tony
- C9D2C9
- C0C8C1
- B8BFB9
- B0B6B0
- A8ACA8
- A0A3A0
- 989A98
- 909190
- 888988
Harmonie kolorów
Komplementarna +180°
- D1DBD2
Light Zen
- DED4DD
≈ Timid Violet
Analogowa -30° +30°
- D1DBD2
Light Zen
- D6DACE
≈ Light Lamb’s Ears
- CDDCD8
≈ Light White Box
Triada +120° +240°
- D1DBD2
Light Zen
- D3D8E3
≈ So Blue-Berry
- E2D4D2
≈ Whirlwind
Komplementarna rozszczepiona +150° +210°
- D1DBD2
Light Zen
- D9D6E1
≈ Violet Whimsey
- E2D4D8
≈ Hapsburg Court
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.42:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.77:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.77:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-zen: #d1dbd2;
--light-zen-rgb: 209 219 210;
--light-zen-oklch: oklch(0.881 0.016 148.4);
}
.element {
color: var(--light-zen);
background-color: hsl(126 12% 84%);
border-color: oklch(0.881 0.016 148.4);
}Tailwind CSS v4
@theme {
--color-light-zen: #d1dbd2;
--color-light-zen-50: #f2f6f3;
--color-light-zen-100: #e4e9e5;
--color-light-zen-200: #d0d6d1;
--color-light-zen-300: #b2bab3;
--color-light-zen-400: #98a199;
--color-light-zen-500: #7f8980;
--color-light-zen-600: #6c746d;
--color-light-zen-700: #565d57;
--color-light-zen-800: #3f443f;
--color-light-zen-900: #2b2f2b;
--color-light-zen-950: #191b19;
}SCSS
$light-zen: #d1dbd2;
$light-zen-rgb: 209, 219, 210;
$light-zen-light: mix(#fff, $light-zen, 20%);
$light-zen-dark: mix(#000, $light-zen, 20%);
.element {
color: $light-zen;
box-shadow: 0 0 0 2px rgba($light-zen, 0.35);
}