Màu có tên · #EBDEDB
Wishy-Washy Beige
Wishy-Washy Beige là #EBDEDB: rgb(235 222 219), hsl(11 29% 89%), oklch(0.91 0.015 33.1). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Wishy-Washy Beige color name →
#EBDEDB
oklch(0.91 0.015 33.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EDE1DF
- EFE5E2
- F1E8E6
- F3EBE9
- F5EEED
- F7F2F0
- F9F5F4
- FBF8F8
- FDFCFB
Sắc đậm
- CCC1BE
- AEA5A2
- 918987
- 756F6D
- 5B5554
- 413D3C
- 292626
- 131211
- 030202
Sắc xám
- E0D4D2
- D5CAC8
- CAC1BF
- BFB7B6
- B4AEAC
- A9A4A3
- 9F9B9A
- 949291
- 8A8989
Hòa sắc
Bổ túc +180°
- EBDEDB
Wishy-Washy Beige
- D7E4E7
≈ Inuit Blue
Tương đồng -30° +30°
- EBDEDB
Wishy-Washy Beige
- EBDDE0
≈ Mauve Wisp
- E9DFD7
≈ Starling’s Egg
Bộ ba +120° +240°
- EBDEDB
Wishy-Washy Beige
- DAE4DD
≈ Cautious Jade
- DEE1EC
≈ Blush Sky
Bổ túc chia +150° +210°
- EBDEDB
Wishy-Washy Beige
- D7E5E2
≈ Cave Pearl
- D9E3EB
≈ Early Frost
Bộ bốn +90° +180° +270°
- EBDEDB
Wishy-Washy Beige
- DFE3D8
≈ Poplar White
- D7E4E7
≈ Inuit Blue
- E3DFEA
≈ Angelic Sent
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.31:1 · APCA Lc 15
Ag
AAATrên nền đen
WCAG 16.00:1 · APCA Lc 88
Màu chữ tốt nhất: #000000
WCAG 16.00:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
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);
}