Nazwany kolor · #EEE9D8
Pearly Swirly
Pearly Swirly to #EEE9D8: rgb(238 233 216), hsl(46 39% 89%), oklch(0.933 0.023 93.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pearly Swirly color name →
#EEE9D8
oklch(0.933 0.023 93.3)
Konwersje koloru
- HEX
- #eee9d8
- RGB
- rgb(238 233 216)
- HSL
- hsl(46 39% 89%)
- HWB
- hwb(46 85% 7%)
- OKLCH
- oklch(0.933 0.023 93.3)
- OKLab
- oklab(0.933 -0.001 0.023)
- CIE Lab
- lab(92.4 -0.39 8.92)
- LCH
- lch(92.4 8.93 92.5)
- CMYK
- cmyk(0% 2% 9% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0EBDC
- F1EDE0
- F3F0E4
- F5F2E8
- F6F4EB
- F8F6EF
- FAF8F3
- FCFBF7
- FDFDFB
Odcienie ciemniejsze
- CFCBBC
- B1ADA0
- 939085
- 77746B
- 5C5A53
- 42413B
- 2A2925
- 141311
- 030302
Tony
- E2DECF
- D7D3C6
- CCC8BD
- C1BEB4
- B5B3AB
- AAA9A2
- A09E9A
- 959491
- 8A8A88
Harmonie kolorów
Komplementarna +180°
- EEE9D8
Pearly Swirly
- E4E8F9
≈ Glitter
Analogowa -30° +30°
- EEE9D8
Pearly Swirly
- F5E6D9
≈ Coast Cream
- E6ECDB
≈ Really Rain
Triada +120° +240°
- EEE9D8
Pearly Swirly
- D8EDF2
≈ Sparkling River
- F3E4F0
≈ Pale Orchid Petal
Komplementarna rozszczepiona +150° +210°
- EEE9D8
Pearly Swirly
- DCEBF8
≈ Hoarfrost
- ECE6F6
≈ Holographic Lavender
Tetrada +90° +180° +270°
- EEE9D8
Pearly Swirly
- D9EEEA
≈ Puffy Little Cloud
- E4E8F9
≈ Glitter
- F8E3E7
≈ Pink Tutu
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.21:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.28:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.28:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--pearly-swirly: #eee9d8;
--pearly-swirly-rgb: 238 233 216;
--pearly-swirly-oklch: oklch(0.933 0.023 93.3);
}
.element {
color: var(--pearly-swirly);
background-color: hsl(46 39% 89%);
border-color: oklch(0.933 0.023 93.3);
}Tailwind CSS v4
@theme {
--color-pearly-swirly: #eee9d8;
--color-pearly-swirly-50: #f7f5ee;
--color-pearly-swirly-100: #eae8df;
--color-pearly-swirly-200: #d7d4c9;
--color-pearly-swirly-300: #bbb8aa;
--color-pearly-swirly-400: #a39e8f;
--color-pearly-swirly-500: #8b8675;
--color-pearly-swirly-600: #767263;
--color-pearly-swirly-700: #5e5b4f;
--color-pearly-swirly-800: #454239;
--color-pearly-swirly-900: #302e27;
--color-pearly-swirly-950: #1c1a15;
}SCSS
$pearly-swirly: #eee9d8;
$pearly-swirly-rgb: 238, 233, 216;
$pearly-swirly-light: mix(#fff, $pearly-swirly, 20%);
$pearly-swirly-dark: mix(#000, $pearly-swirly, 20%);
.element {
color: $pearly-swirly;
box-shadow: 0 0 0 2px rgba($pearly-swirly, 0.35);
}