Nazwany kolor · #CEE3D9
Light Silverton
Light Silverton to #CEE3D9: rgb(206 227 217), hsl(151 27% 85%), oklch(0.897 0.026 165.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Light Silverton color name →
#CEE3D9
oklch(0.897 0.026 165.6)
Konwersje koloru
- HEX
- #cee3d9
- RGB
- rgb(206 227 217)
- HSL
- hsl(151 27% 85%)
- HWB
- hwb(151 81% 11%)
- OKLCH
- oklch(0.897 0.026 165.6)
- OKLab
- oklab(0.897 -0.025 0.006)
- CIE Lab
- lab(88.45 -8.63 2.4)
- LCH
- lch(88.45 8.96 164.5)
- CMYK
- cmyk(9% 0% 4% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D3E6DD
- D8E9E1
- DDEBE4
- E2EEE8
- E6F1EC
- EBF4F0
- F0F7F3
- F5F9F7
- FAFCFB
Odcienie ciemniejsze
- B3C5BC
- 98A8A1
- 7F8C86
- 66716C
- 4E5753
- 383F3B
- 232725
- 0F1211
- 020302
Tony
- C6D9D0
- BECEC7
- B6C4BD
- AEBAB4
- A6B0AB
- 9FA6A3
- 979D9A
- 8F9391
- 888988
Harmonie kolorów
Komplementarna +180°
- CEE3D9
Light Silverton
- EBD7E1
≈ Lighthearted Pink
Analogowa -30° +30°
- CEE3D9
Light Silverton
- D6E1D0
≈ Comforting Green
- CAE3E3
≈ Lens Flare Blue
Triada +120° +240°
- CEE3D9
Light Silverton
- DBDBEE
≈ Chinese Silver
- EDD8CF
≈ Winter Peach
Komplementarna rozszczepiona +150° +210°
- CEE3D9
Light Silverton
- E4D8E9
≈ Pale Grey Magenta
- EED7D7
≈ Light Petite Pink
Tetrada +90° +180° +270°
- CEE3D9
Light Silverton
- D2DEEF
≈ Puffy Cloud
- EBD7E1
≈ Lighthearted Pink
- E7DBCB
≈ Cascade Beige
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.34:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.61:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.61:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-silverton: #cee3d9;
--light-silverton-rgb: 206 227 217;
--light-silverton-oklch: oklch(0.897 0.026 165.6);
}
.element {
color: var(--light-silverton);
background-color: hsl(151 27% 85%);
border-color: oklch(0.897 0.026 165.6);
}Tailwind CSS v4
@theme {
--color-light-silverton: #cee3d9;
--color-light-silverton-50: #eef8f4;
--color-light-silverton-100: #e0ebe6;
--color-light-silverton-200: #cad8d2;
--color-light-silverton-300: #abbcb5;
--color-light-silverton-400: #91a49b;
--color-light-silverton-500: #778c82;
--color-light-silverton-600: #65766e;
--color-light-silverton-700: #505f58;
--color-light-silverton-800: #3a4540;
--color-light-silverton-900: #28302c;
--color-light-silverton-950: #161c19;
}SCSS
$light-silverton: #cee3d9;
$light-silverton-rgb: 206, 227, 217;
$light-silverton-light: mix(#fff, $light-silverton, 20%);
$light-silverton-dark: mix(#000, $light-silverton, 20%);
.element {
color: $light-silverton;
box-shadow: 0 0 0 2px rgba($light-silverton, 0.35);
}