Nazwany kolor · #D6E0D1
Phantom Green
Phantom Green to #D6E0D1: rgb(214 224 209), hsl(100 19% 85%), oklch(0.895 0.023 135). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Phantom Green color name →
#D6E0D1
oklch(0.895 0.023 135)
Konwersje koloru
- HEX
- #d6e0d1
- RGB
- rgb(214 224 209)
- HSL
- hsl(100 19% 85%)
- HWB
- hwb(100 82% 12%)
- OKLCH
- oklch(0.895 0.023 135)
- OKLab
- oklab(0.895 -0.016 0.016)
- CIE Lab
- lab(88.1 -5.49 6.15)
- LCH
- lch(88.1 8.25 131.8)
- CMYK
- cmyk(4% 0% 7% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DAE3D6
- DEE6DA
- E2E9DF
- E6ECE3
- EAEFE8
- EEF3EC
- F3F6F1
- F7F9F6
- FBFCFA
Odcienie ciemniejsze
- BAC3B5
- 9EA69B
- 848A81
- 6A7068
- 525650
- 3B3E39
- 252723
- 101210
- 020202
Tony
- CDD6C9
- C4CCC0
- BBC2B8
- B3B8B0
- AAAFA8
- A1A5A0
- 999C98
- 919290
- 888988
Harmonie kolorów
Komplementarna +180°
- D6E0D1
Phantom Green
- E2D8E7
≈ Lavender Vista
Analogowa -30° +30°
- D6E0D1
Phantom Green
- DEDDCC
≈ Pinch of Pistachio
- CFE1D9
≈ Light Meadow Lane
Triada +120° +240°
- D6E0D1
Phantom Green
- D3DDEC
≈ Morning Shower
- EBD7D7
≈ Light Youth
Komplementarna rozszczepiona +150° +210°
- D6E0D1
Phantom Green
- DADBEB
≈ The White Death
- E8D7E0
≈ Wine Frost
Tetrada +90° +180° +270°
- D6E0D1
Phantom Green
- CDE0E8
≈ Bird Bath Blue
- E2D8E7
≈ Lavender Vista
- EAD8D0
≈ Winter Peach
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.35:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.44:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.44:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--phantom-green: #d6e0d1;
--phantom-green-rgb: 214 224 209;
--phantom-green-oklch: oklch(0.895 0.023 135);
}
.element {
color: var(--phantom-green);
background-color: hsl(100 19% 85%);
border-color: oklch(0.895 0.023 135);
}Tailwind CSS v4
@theme {
--color-phantom-green: #d6e0d1;
--color-phantom-green-50: #f2f7f0;
--color-phantom-green-100: #e4eae2;
--color-phantom-green-200: #d0d7cd;
--color-phantom-green-300: #b2baaf;
--color-phantom-green-400: #99a294;
--color-phantom-green-500: #808a7b;
--color-phantom-green-600: #6c7568;
--color-phantom-green-700: #565d53;
--color-phantom-green-800: #3f443c;
--color-phantom-green-900: #2c2f29;
--color-phantom-green-950: #191c17;
}SCSS
$phantom-green: #d6e0d1;
$phantom-green-rgb: 214, 224, 209;
$phantom-green-light: mix(#fff, $phantom-green, 20%);
$phantom-green-dark: mix(#000, $phantom-green, 20%);
.element {
color: $phantom-green;
box-shadow: 0 0 0 2px rgba($phantom-green, 0.35);
}