Nazwany kolor · #E5DDD0
Pacer White
Pacer White to #E5DDD0: rgb(229 221 208), hsl(37 29% 86%), oklch(0.9 0.02 80.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pacer White color name →
#E5DDD0
oklch(0.9 0.02 80.1)
Konwersje koloru
- HEX
- #e5ddd0
- RGB
- rgb(229 221 208)
- HSL
- hsl(37 29% 86%)
- HWB
- hwb(37 82% 10%)
- OKLCH
- oklch(0.9 0.02 80.1)
- OKLab
- oklab(0.9 0.003 0.019)
- CIE Lab
- lab(88.49 1.19 7.43)
- LCH
- lch(88.49 7.52 80.9)
- CMYK
- cmyk(0% 3% 9% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8E0D5
- EAE4D9
- EDE7DE
- EFEBE3
- F2EEE7
- F5F1EC
- F7F5F1
- FAF8F6
- FCFCFA
Odcienie ciemniejsze
- C7C0B5
- AAA49A
- 8E8880
- 726E67
- 58554F
- 3F3D39
- 282623
- 121110
- 030202
Tony
- DAD3C8
- D0CABF
- C6C0B7
- BBB7AF
- B1ADA7
- A7A49F
- 9D9B97
- 93928F
- 8A8988
Harmonie kolorów
Komplementarna +180°
- E5DDD0
Pacer White
- D7DFEB
≈ Faint Blue
Analogowa -30° +30°
- E5DDD0
Pacer White
- EADBD3
≈ Hudson
- DEDFD1
≈ Whitened Sage
Triada +120° +240°
- E5DDD0
Pacer White
- D0E2E3
≈ Lens Flare Blue
- E4DAE6
≈ Spangle
Komplementarna rozszczepiona +150° +210°
- E5DDD0
Pacer White
- D2E1E9
≈ Goddess
- DDDCEB
≈ Artemis Silver
Tetrada +90° +180° +270°
- E5DDD0
Pacer White
- D2E3DC
≈ Morning Breeze
- D7DFEB
≈ Faint Blue
- E9D9E0
≈ Unfading Dusk
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.34:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.58:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.58:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--pacer-white: #e5ddd0;
--pacer-white-rgb: 229 221 208;
--pacer-white-oklch: oklch(0.9 0.02 80.1);
}
.element {
color: var(--pacer-white);
background-color: hsl(37 29% 86%);
border-color: oklch(0.9 0.02 80.1);
}Tailwind CSS v4
@theme {
--color-pacer-white: #e5ddd0;
--color-pacer-white-50: #f8f5ef;
--color-pacer-white-100: #ebe7e1;
--color-pacer-white-200: #d8d4cb;
--color-pacer-white-300: #bcb7ac;
--color-pacer-white-400: #a59d92;
--color-pacer-white-500: #8d8578;
--color-pacer-white-600: #777166;
--color-pacer-white-700: #5f5a51;
--color-pacer-white-800: #46423b;
--color-pacer-white-900: #312d28;
--color-pacer-white-950: #1d1a16;
}SCSS
$pacer-white: #e5ddd0;
$pacer-white-rgb: 229, 221, 208;
$pacer-white-light: mix(#fff, $pacer-white, 20%);
$pacer-white-dark: mix(#000, $pacer-white, 20%);
.element {
color: $pacer-white;
box-shadow: 0 0 0 2px rgba($pacer-white, 0.35);
}