Nazwany kolor · #EDE1D1
White Pearl
White Pearl to #EDE1D1: rgb(237 225 209), hsl(34 44% 87%), oklch(0.915 0.025 75.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · White Pearl color name →
#EDE1D1
oklch(0.915 0.025 75.3)
Konwersje koloru
- HEX
- #ede1d1
- RGB
- rgb(237 225 209)
- HSL
- hsl(34 44% 87%)
- HWB
- hwb(34 82% 7%)
- OKLCH
- oklch(0.915 0.025 75.3)
- OKLab
- oklab(0.915 0.006 0.024)
- CIE Lab
- lab(90.18 2.27 9.4)
- LCH
- lch(90.18 9.67 76.4)
- CMYK
- cmyk(0% 5% 12% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EFE4D6
- F1E7DA
- F2EADF
- F4EDE3
- F6F0E8
- F8F3ED
- FAF6F1
- FBF9F6
- FDFCFA
Odcienie ciemniejsze
- CEC4B5
- B0A79B
- 938B81
- 777068
- 5C5650
- 423E39
- 2A2723
- 141210
- 030202
Tony
- E2D7C9
- D6CDC0
- CBC3B8
- C0B9B0
- B5AFA8
- AAA6A0
- 9F9C98
- 959390
- 8A8988
Harmonie kolorów
Komplementarna +180°
- EDE1D1
White Pearl
- D8E4F4
≈ Snowdrift Glow
Analogowa -30° +30°
- EDE1D1
White Pearl
- F2DED5
≈ Kasugai Peach
- E5E4D1
≈ Sage Splash
Triada +120° +240°
- EDE1D1
White Pearl
- D1E9E8
≈ Foam
- E9DEEF
≈ Lingering Lilac
Komplementarna rozszczepiona +150° +210°
- EDE1D1
White Pearl
- D2E7F0
≈ On Thin Ice
- E1E1F4
≈ Imagination
Tetrada +90° +180° +270°
- EDE1D1
White Pearl
- D4E9DF
≈ Icy Glacier
- D8E4F4
≈ Snowdrift Glow
- F0DDE7
≈ Wishy-Washy Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.28:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.29:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.29:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--white-pearl: #ede1d1;
--white-pearl-rgb: 237 225 209;
--white-pearl-oklch: oklch(0.915 0.025 75.3);
}
.element {
color: var(--white-pearl);
background-color: hsl(34 44% 87%);
border-color: oklch(0.915 0.025 75.3);
}Tailwind CSS v4
@theme {
--color-white-pearl: #ede1d1;
--color-white-pearl-50: #f9f4ed;
--color-white-pearl-100: #ede7df;
--color-white-pearl-200: #dad3c9;
--color-white-pearl-300: #bfb6a9;
--color-white-pearl-400: #a79d8e;
--color-white-pearl-500: #908474;
--color-white-pearl-600: #7a7062;
--color-white-pearl-700: #62594f;
--color-white-pearl-800: #484139;
--color-white-pearl-900: #322d27;
--color-white-pearl-950: #1e1a15;
}SCSS
$white-pearl: #ede1d1;
$white-pearl-rgb: 237, 225, 209;
$white-pearl-light: mix(#fff, $white-pearl, 20%);
$white-pearl-dark: mix(#000, $white-pearl, 20%);
.element {
color: $white-pearl;
box-shadow: 0 0 0 2px rgba($white-pearl, 0.35);
}