Warna bernama · #DEDDCB
Green White
Green White adalah #DEDDCB: rgb(222 221 203), hsl(57 22% 83%), oklch(0.893 0.024 104.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Green White color name →
#DEDDCB
oklch(0.893 0.024 104.3)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- E1E0D0
- E5E4D5
- E8E7DA
- EBEBE0
- EEEEE5
- F2F1EA
- F5F5EF
- F8F8F4
- FCFCFA
Shade
- C1C0B0
- A5A496
- 89887D
- 6F6E65
- 55554D
- 3D3D37
- 262622
- 12110F
- 020202
Tone
- D4D3C3
- CACABC
- C1C0B4
- B7B7AC
- AEADA5
- A4A49D
- 9B9B96
- 92928F
- 898987
Harmoni warna
Komplementer +180°
- DEDDCB
Green White
- D9DAEC
≈ Eyeshadow
Analog -30° +30°
- DEDDCB
Green White
- E6DACB
≈ Riviera Dune
- D5E0D0
≈ Green Tilberi
Triadik +120° +240°
- DEDDCB
Green White
- CCE0E8
≈ Bird Bath Blue
- E8D6E0
≈ Swiss Rose
Split-komplementer +150° +210°
- DEDDCB
Green White
- D1DDEC
≈ Morning Shower
- E2D7E7
≈ Lavender Vista
Tetradik +90° +180° +270°
- DEDDCB
Green White
- CBE1E0
≈ Mellifluous Blue
- D9DAEC
≈ Eyeshadow
- EBD6D7
≈ Berry Taffy
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.37:1 · APCA Lc 18
Ag
AAADi atas hitam
WCAG 15.31:1 · APCA Lc 85
Warna teks terbaik: #000000
WCAG 15.31:1 (AAA) · APCA Lc 85
Contrast pairs
Cuplikan kode
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);
}