Màu có tên · #DEDDCB
Green White
Green White là #DEDDCB: rgb(222 221 203), hsl(57 22% 83%), oklch(0.893 0.024 104.3). 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? → · Green White color name →
#DEDDCB
oklch(0.893 0.024 104.3)
Chuyển đổi màu
- HEX
- #deddcb
- RGB
- rgb(222 221 203)
- HSL
- hsl(57 22% 83%)
- HWB
- hwb(57 80% 13%)
- OKLCH
- oklch(0.893 0.024 104.3)
- OKLab
- oklab(0.893 -0.006 0.023)
- CIE Lab
- lab(87.83 -1.95 9)
- LCH
- lch(87.83 9.21 102.2)
- CMYK
- cmyk(0% 0% 9% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E1E0D0
- E5E4D5
- E8E7DA
- EBEBE0
- EEEEE5
- F2F1EA
- F5F5EF
- F8F8F4
- FCFCFA
Sắc đậm
- C1C0B0
- A5A496
- 89887D
- 6F6E65
- 55554D
- 3D3D37
- 262622
- 12110F
- 020202
Sắc xám
- D4D3C3
- CACABC
- C1C0B4
- B7B7AC
- AEADA5
- A4A49D
- 9B9B96
- 92928F
- 898987
Hòa sắc
Bổ túc +180°
- DEDDCB
Green White
- D9DAEC
≈ Eyeshadow
Tương đồng -30° +30°
- DEDDCB
Green White
- E6DACB
≈ Riviera Dune
- D5E0D0
≈ Green Tilberi
Bộ ba +120° +240°
- DEDDCB
Green White
- CCE0E8
≈ Bird Bath Blue
- E8D6E0
≈ Swiss Rose
Bổ túc chia +150° +210°
- DEDDCB
Green White
- D1DDEC
≈ Morning Shower
- E2D7E7
≈ Lavender Vista
Bộ bốn +90° +180° +270°
- DEDDCB
Green White
- CBE1E0
≈ Mellifluous Blue
- D9DAEC
≈ Eyeshadow
- EBD6D7
≈ Berry Taffy
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.37:1 · APCA Lc 18
Ag
AAATrên nền đen
WCAG 15.31:1 · APCA Lc 85
Màu chữ tốt nhất: #000000
WCAG 15.31:1 (AAA) · APCA Lc 85
Contrast pairs
Đoạn mã
CSS
:root {
--green-white: #deddcb;
--green-white-rgb: 222 221 203;
--green-white-oklch: oklch(0.893 0.024 104.3);
}
.element {
color: var(--green-white);
background-color: hsl(57 22% 83%);
border-color: oklch(0.893 0.024 104.3);
}Tailwind CSS v4
@theme {
--color-green-white: #deddcb;
--color-green-white-50: #f6f6ee;
--color-green-white-100: #e9e8df;
--color-green-white-200: #d5d5c9;
--color-green-white-300: #b9b8aa;
--color-green-white-400: #a09f8f;
--color-green-white-500: #888775;
--color-green-white-600: #737263;
--color-green-white-700: #5c5c4f;
--color-green-white-800: #444339;
--color-green-white-900: #2f2e27;
--color-green-white-950: #1b1b15;
}SCSS
$green-white: #deddcb;
$green-white-rgb: 222, 221, 203;
$green-white-light: mix(#fff, $green-white, 20%);
$green-white-dark: mix(#000, $green-white, 20%);
.element {
color: $green-white;
box-shadow: 0 0 0 2px rgba($green-white, 0.35);
}