Nazwany kolor · #EBDEDB
Wishy-Washy Beige
Wishy-Washy Beige to #EBDEDB: rgb(235 222 219), hsl(11 29% 89%), oklch(0.91 0.015 33.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Wishy-Washy Beige color name →
#EBDEDB
oklch(0.91 0.015 33.1)
Konwersje koloru
- HEX
- #ebdedb
- RGB
- rgb(235 222 219)
- HSL
- hsl(11 29% 89%)
- HWB
- hwb(11 86% 8%)
- OKLCH
- oklch(0.91 0.015 33.1)
- OKLab
- oklab(0.91 0.012 0.008)
- CIE Lab
- lab(89.46 4.22 3.15)
- LCH
- lch(89.46 5.26 36.8)
- CMYK
- cmyk(0% 6% 7% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EDE1DF
- EFE5E2
- F1E8E6
- F3EBE9
- F5EEED
- F7F2F0
- F9F5F4
- FBF8F8
- FDFCFB
Odcienie ciemniejsze
- CCC1BE
- AEA5A2
- 918987
- 756F6D
- 5B5554
- 413D3C
- 292626
- 131211
- 030202
Tony
- E0D4D2
- D5CAC8
- CAC1BF
- BFB7B6
- B4AEAC
- A9A4A3
- 9F9B9A
- 949291
- 8A8989
Harmonie kolorów
Komplementarna +180°
- EBDEDB
Wishy-Washy Beige
- D7E4E7
≈ Inuit Blue
Analogowa -30° +30°
- EBDEDB
Wishy-Washy Beige
- EBDDE0
≈ Mauve Wisp
- E9DFD7
≈ Starling’s Egg
Triada +120° +240°
- EBDEDB
Wishy-Washy Beige
- DAE4DD
≈ Cautious Jade
- DEE1EC
≈ Blush Sky
Komplementarna rozszczepiona +150° +210°
- EBDEDB
Wishy-Washy Beige
- D7E5E2
≈ Cave Pearl
- D9E3EB
≈ Early Frost
Tetrada +90° +180° +270°
- EBDEDB
Wishy-Washy Beige
- DFE3D8
≈ Poplar White
- D7E4E7
≈ Inuit Blue
- E3DFEA
≈ Angelic Sent
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.31:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.00:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 16.00:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--wishy-washy-beige: #ebdedb;
--wishy-washy-beige-rgb: 235 222 219;
--wishy-washy-beige-oklch: oklch(0.91 0.015 33.1);
}
.element {
color: var(--wishy-washy-beige);
background-color: hsl(11 29% 89%);
border-color: oklch(0.91 0.015 33.1);
}Tailwind CSS v4
@theme {
--color-wishy-washy-beige: #ebdedb;
--color-wishy-washy-beige-50: #f9f4f2;
--color-wishy-washy-beige-100: #ede6e4;
--color-wishy-washy-beige-200: #dad2d0;
--color-wishy-washy-beige-300: #bfb5b2;
--color-wishy-washy-beige-400: #a79b99;
--color-wishy-washy-beige-500: #908380;
--color-wishy-washy-beige-600: #7a6f6c;
--color-wishy-washy-beige-700: #615957;
--color-wishy-washy-beige-800: #47413f;
--color-wishy-washy-beige-900: #312c2b;
--color-wishy-washy-beige-950: #1d1a19;
}SCSS
$wishy-washy-beige: #ebdedb;
$wishy-washy-beige-rgb: 235, 222, 219;
$wishy-washy-beige-light: mix(#fff, $wishy-washy-beige, 20%);
$wishy-washy-beige-dark: mix(#000, $wishy-washy-beige, 20%);
.element {
color: $wishy-washy-beige;
box-shadow: 0 0 0 2px rgba($wishy-washy-beige, 0.35);
}