Najbliższy nazwany kolor · #EBE6E0
#EBE6E0
Najbliższy nazwany kolor: Snowed In
#EBE6E0 (rgb(235 230 224), hsl(33 22% 90%), oklch(0.927 0.01 72.7)) jest najbliższy nazwanemu kolorowi Snowed In. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#EBE6E0
oklch(0.927 0.01 72.7)
Konwersje koloru
- HEX
- #ebe6e0
- RGB
- rgb(235 230 224)
- HSL
- hsl(33 22% 90%)
- HWB
- hwb(33 88% 8%)
- OKLCH
- oklch(0.927 0.01 72.7)
- OKLab
- oklab(0.927 0.003 0.009)
- CIE Lab
- lab(91.56 0.97 3.56)
- LCH
- lch(91.56 3.69 74.7)
- CMYK
- cmyk(0% 2% 5% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EDE8E3
- EFEBE6
- F1EDE9
- F3F0EC
- F5F2EF
- F7F5F3
- F9F7F6
- FBFAF9
- FDFCFC
Odcienie ciemniejsze
- CCC8C3
- AEABA6
- 918E8A
- 757370
- 5B5956
- 41403E
- 292827
- 131312
- 030302
Tony
- E0DBD6
- D5D1CC
- CAC6C2
- BFBCB8
- B4B2AF
- A9A7A5
- 9F9D9C
- 949392
- 8A8A89
Harmonie kolorów
Komplementarna +180°
- EBE6E0
Snowed In
- E2E7ED
≈ Genteel Lavender
Analogowa -30° +30°
- EBE6E0
Snowed In
- EDE5E2
≈ Aimee
- E8E7E0
≈ Silver Dust
Triada +120° +240°
- EBE6E0
Snowed In
- E0E9E9
≈ Teton Breeze
- E9E5EC
≈ Iris Isle
Komplementarna rozszczepiona +150° +210°
- EBE6E0
Snowed In
- E0E8EC
≈ Sweet Illusion
- E6E6ED
≈ Cool Frost
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.24:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.92:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.92:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--snowed-in: #ebe6e0;
--snowed-in-rgb: 235 230 224;
--snowed-in-oklch: oklch(0.927 0.01 72.7);
}
.element {
color: var(--snowed-in);
background-color: hsl(33 22% 90%);
border-color: oklch(0.927 0.01 72.7);
}Tailwind CSS v4
@theme {
--color-snowed-in: #ebe6e0;
--color-snowed-in-50: #f7f5f2;
--color-snowed-in-100: #eae7e4;
--color-snowed-in-200: #d7d4d0;
--color-snowed-in-300: #bab7b2;
--color-snowed-in-400: #a29e98;
--color-snowed-in-500: #8a857f;
--color-snowed-in-600: #75716c;
--color-snowed-in-700: #5e5a56;
--color-snowed-in-800: #45423f;
--color-snowed-in-900: #2f2d2b;
--color-snowed-in-950: #1c1a19;
}SCSS
$snowed-in: #ebe6e0;
$snowed-in-rgb: 235, 230, 224;
$snowed-in-light: mix(#fff, $snowed-in, 20%);
$snowed-in-dark: mix(#000, $snowed-in, 20%);
.element {
color: $snowed-in;
box-shadow: 0 0 0 2px rgba($snowed-in, 0.35);
}