Nazwany kolor · #E7D5C9
Woolly Beige
Woolly Beige to #E7D5C9: rgb(231 213 201), hsl(24 38% 85%), oklch(0.884 0.026 56). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Woolly Beige color name →
#E7D5C9
oklch(0.884 0.026 56)
Konwersje koloru
- HEX
- #e7d5c9
- RGB
- rgb(231 213 201)
- HSL
- hsl(24 38% 85%)
- HWB
- hwb(24 79% 9%)
- OKLCH
- oklch(0.884 0.026 56)
- OKLab
- oklab(0.884 0.014 0.021)
- CIE Lab
- lab(86.51 4.98 8.32)
- LCH
- lch(86.51 9.69 59.1)
- CMYK
- cmyk(0% 8% 13% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E9D9CE
- ECDDD4
- EEE1D9
- F1E6DE
- F3EAE4
- F5EEE9
- F8F2EF
- FAF7F4
- FDFBFA
Odcienie ciemniejsze
- C9B9AE
- AB9E95
- 8F837C
- 736A64
- 59514C
- 403A36
- 282422
- 13100F
- 030202
Tony
- DCCCC1
- D2C3BA
- C7BBB3
- BDB2AB
- B2AAA4
- A8A19D
- 9E9995
- 94908E
- 8A8887
Harmonie kolorów
Komplementarna +180°
- E7D5C9
Woolly Beige
- CADCE8
≈ Blue Me Away
Analogowa -30° +30°
- E7D5C9
Woolly Beige
- EAD3D0
≈ Ash Cherry Blossom
- E0D8C6
≈ Sentimental Beige
Triada +120° +240°
- E7D5C9
Woolly Beige
- C8DFD8
≈ Ulthuan Grey
- DAD6E9
≈ Slaanesh Grey
Komplementarna rozszczepiona +150° +210°
- E7D5C9
Woolly Beige
- C6DEE1
≈ Light Dante Peak
- D1D9EB
≈ Hawkes Blue
Tetrada +90° +180° +270°
- E7D5C9
Woolly Beige
- CFDECF
≈ St. Augustine
- CADCE8
≈ Blue Me Away
- E2D3E2
≈ Joyful Lilac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.42:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.75:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.75:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--woolly-beige: #e7d5c9;
--woolly-beige-rgb: 231 213 201;
--woolly-beige-oklch: oklch(0.884 0.026 56);
}
.element {
color: var(--woolly-beige);
background-color: hsl(24 38% 85%);
border-color: oklch(0.884 0.026 56);
}Tailwind CSS v4
@theme {
--color-woolly-beige: #e7d5c9;
--color-woolly-beige-50: #fbf3ee;
--color-woolly-beige-100: #efe6e0;
--color-woolly-beige-200: #ddd2ca;
--color-woolly-beige-300: #c2b4ab;
--color-woolly-beige-400: #ab9b90;
--color-woolly-beige-500: #948276;
--color-woolly-beige-600: #7d6e64;
--color-woolly-beige-700: #645850;
--color-woolly-beige-800: #4a403a;
--color-woolly-beige-900: #332c28;
--color-woolly-beige-950: #1f1916;
}SCSS
$woolly-beige: #e7d5c9;
$woolly-beige-rgb: 231, 213, 201;
$woolly-beige-light: mix(#fff, $woolly-beige, 20%);
$woolly-beige-dark: mix(#000, $woolly-beige, 20%);
.element {
color: $woolly-beige;
box-shadow: 0 0 0 2px rgba($woolly-beige, 0.35);
}