Nazwany kolor · #D2E0D6
Sentinel
Sentinel to #D2E0D6: rgb(210 224 214), hsl(137 18% 85%), oklch(0.893 0.02 154.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Sentinel color name →
#D2E0D6
oklch(0.893 0.02 154.9)
Konwersje koloru
- HEX
- #d2e0d6
- RGB
- rgb(210 224 214)
- HSL
- hsl(137 18% 85%)
- HWB
- hwb(137 82% 12%)
- OKLCH
- oklch(0.893 0.02 154.9)
- OKLab
- oklab(0.893 -0.018 0.009)
- CIE Lab
- lab(87.9 -6.23 3.21)
- LCH
- lch(87.9 7.01 152.7)
- CMYK
- cmyk(6% 0% 4% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6E3DA
- DBE6DE
- DFE9E2
- E4ECE6
- E8EFEA
- EDF3EE
- F1F6F3
- F6F9F7
- FAFCFB
Odcienie ciemniejsze
- B6C3BA
- 9BA69E
- 818A84
- 68706A
- 505652
- 393E3B
- 242725
- 101210
- 020202
Tony
- C9D6CD
- C1CCC4
- B9C2BB
- B0B8B3
- A8AFAA
- A0A5A1
- 989C99
- 909291
- 888988
Harmonie kolorów
Komplementarna +180°
- D2E0D6
Sentinel
- E5D7E1
≈ Wine Frost
Analogowa -30° +30°
- D2E0D6
Sentinel
- D9DED0
≈ Light Iced Aniseed
- CEE0DD
≈ Water Baptism
Triada +120° +240°
- D2E0D6
Sentinel
- D8DBEA
≈ Weeping Wisteria
- E9D7D3
≈ Peach Glamour
Komplementarna rozszczepiona +150° +210°
- D2E0D6
Sentinel
- DFD9E7
≈ Inspired Lilac
- E8D7DA
≈ Diminished Red
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.36:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.37:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.37:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--sentinel: #d2e0d6;
--sentinel-rgb: 210 224 214;
--sentinel-oklch: oklch(0.893 0.02 154.9);
}
.element {
color: var(--sentinel);
background-color: hsl(137 18% 85%);
border-color: oklch(0.893 0.02 154.9);
}Tailwind CSS v4
@theme {
--color-sentinel: #d2e0d6;
--color-sentinel-50: #f1f7f3;
--color-sentinel-100: #e3eae5;
--color-sentinel-200: #ced7d1;
--color-sentinel-300: #afbbb3;
--color-sentinel-400: #96a299;
--color-sentinel-500: #7c8a80;
--color-sentinel-600: #69756d;
--color-sentinel-700: #545e57;
--color-sentinel-800: #3d443f;
--color-sentinel-900: #2a2f2b;
--color-sentinel-950: #181c19;
}SCSS
$sentinel: #d2e0d6;
$sentinel-rgb: 210, 224, 214;
$sentinel-light: mix(#fff, $sentinel, 20%);
$sentinel-dark: mix(#000, $sentinel, 20%);
.element {
color: $sentinel;
box-shadow: 0 0 0 2px rgba($sentinel, 0.35);
}