Nazwany kolor · #E4E4DA
Pearly Star
Pearly Star to #E4E4DA: rgb(228 228 218), hsl(60 16% 87%), oklch(0.916 0.013 106.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pearly Star color name →
#E4E4DA
oklch(0.916 0.013 106.7)
Konwersje koloru
- HEX
- #e4e4da
- RGB
- rgb(228 228 218)
- HSL
- hsl(60 16% 87%)
- HWB
- hwb(60 85% 11%)
- OKLCH
- oklch(0.916 0.013 106.7)
- OKLab
- oklab(0.916 -0.004 0.013)
- CIE Lab
- lab(90.38 -1.3 4.9)
- LCH
- lch(90.38 5.07 104.9)
- CMYK
- cmyk(0% 0% 4% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E7E7DE
- E9E9E1
- ECECE5
- EFEFE9
- F1F1EC
- F4F4F0
- F7F7F4
- FAFAF8
- FCFCFB
Odcienie ciemniejsze
- C6C6BD
- A9A9A2
- 8D8D87
- 72726C
- 585854
- 3F3F3C
- 282825
- 121211
- 030302
Tony
- DADAD1
- CFCFC7
- C5C5BE
- BBBBB5
- B1B1AC
- A7A7A3
- 9D9D9A
- 939391
- 8A8A89
Harmonie kolorów
Komplementarna +180°
- E4E4DA
Pearly Star
- E2E2EC
≈ Icy Lavender
Analogowa -30° +30°
- E4E4DA
Pearly Star
- E8E2DA
≈ Toque White
- DFE5DD
≈ Silver Grass Traces
Triada +120° +240°
- E4E4DA
Pearly Star
- DBE5EA
≈ Snowcap
- EAE0E5
≈ Dainty Flower
Komplementarna rozszczepiona +150° +210°
- E4E4DA
Pearly Star
- DEE4EC
≈ Chapeau Violet
- E7E1E9
≈ Bubble Bath
Tetrada +90° +180° +270°
- E4E4DA
Pearly Star
- DAE6E6
≈ Cameo Green
- E2E2EC
≈ Icy Lavender
- ECE0E0
≈ Crystallise
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.27:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.40:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.40:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--pearly-star: #e4e4da;
--pearly-star-rgb: 228 228 218;
--pearly-star-oklch: oklch(0.916 0.013 106.7);
}
.element {
color: var(--pearly-star);
background-color: hsl(60 16% 87%);
border-color: oklch(0.916 0.013 106.7);
}Tailwind CSS v4
@theme {
--color-pearly-star: #e4e4da;
--color-pearly-star-50: #f5f5f1;
--color-pearly-star-100: #e8e8e3;
--color-pearly-star-200: #d4d5ce;
--color-pearly-star-300: #b8b8b0;
--color-pearly-star-400: #9f9f96;
--color-pearly-star-500: #87877d;
--color-pearly-star-600: #72726a;
--color-pearly-star-700: #5b5b54;
--color-pearly-star-800: #43433d;
--color-pearly-star-900: #2e2e2a;
--color-pearly-star-950: #1b1b18;
}SCSS
$pearly-star: #e4e4da;
$pearly-star-rgb: 228, 228, 218;
$pearly-star-light: mix(#fff, $pearly-star, 20%);
$pearly-star-dark: mix(#000, $pearly-star, 20%);
.element {
color: $pearly-star;
box-shadow: 0 0 0 2px rgba($pearly-star, 0.35);
}