Cor nomeada · #DADDC3
Planet Earth
Planet Earth é #DADDC3: rgb(218 221 195), hsl(67 28% 82%), oklch(0.888 0.035 112.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Planet Earth color name →
#DADDC3
oklch(0.888 0.035 112.5)
Conversões de cor
- HEX
- #daddc3
- RGB
- rgb(218 221 195)
- HSL
- hsl(67 28% 82%)
- HWB
- hwb(67 76% 13%)
- OKLCH
- oklch(0.888 0.035 112.5)
- OKLab
- oklab(0.888 -0.013 0.032)
- CIE Lab
- lab(87.36 -4.37 12.46)
- LCH
- lch(87.36 13.2 109.3)
- CMYK
- cmyk(1% 0% 12% 13%)
Tons claros · Sombras · Tons
Tons claros
- DEE0C9
- E1E4CF
- E5E7D5
- E9EBDB
- ECEEE1
- F0F1E7
- F4F5ED
- F7F8F3
- FBFCF9
Sombras
- BDC0A9
- A2A490
- 878878
- 6C6E60
- 54554A
- 3C3D34
- 252620
- 11110E
- 020202
Tons
- D1D3BC
- C7CAB5
- BEC0AE
- B5B7A8
- ACADA1
- A3A49A
- 9A9B94
- 91928D
- 898987
Harmonias de cor
Complementar +180°
- DADDC3
Planet Earth
- DAD6F0
≈ Lavender Sky
Análoga -30° +30°
- DADDC3
Planet Earth
- E6D9C1
≈ Natural Soap
- CEE1CB
≈ Endive
Tríade +120° +240°
- DADDC3
Planet Earth
- C4DFEE
≈ Empress Lila
- EED1DC
≈ Creamy Freesia
Complementar dividida +150° +210°
- DADDC3
Planet Earth
- CEDBF2
≈ Hawkes Blue
- E6D3E8
≈ Sonora Rose
Tétrade +90° +180° +270°
- DADDC3
Planet Earth
- C0E2E4
≈ Cold Well Water
- DAD6F0
≈ Lavender Sky
- F1D2D0
≈ Kobold Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASobre preto
WCAG 15.11:1 · APCA Lc 85
Melhor cor de texto: #000000
WCAG 15.11:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--planet-earth: #daddc3;
--planet-earth-rgb: 218 221 195;
--planet-earth-oklch: oklch(0.888 0.035 112.5);
}
.element {
color: var(--planet-earth);
background-color: hsl(67 28% 82%);
border-color: oklch(0.888 0.035 112.5);
}Tailwind CSS v4
@theme {
--color-planet-earth: #daddc3;
--color-planet-earth-50: #f5f6eb;
--color-planet-earth-100: #e7e9dc;
--color-planet-earth-200: #d3d6c6;
--color-planet-earth-300: #b7baa6;
--color-planet-earth-400: #9ea18a;
--color-planet-earth-500: #86896e;
--color-planet-earth-600: #71745e;
--color-planet-earth-700: #5b5d4b;
--color-planet-earth-800: #434436;
--color-planet-earth-900: #2e2f25;
--color-planet-earth-950: #1b1b13;
}SCSS
$planet-earth: #daddc3;
$planet-earth-rgb: 218, 221, 195;
$planet-earth-light: mix(#fff, $planet-earth, 20%);
$planet-earth-dark: mix(#000, $planet-earth, 20%);
.element {
color: $planet-earth;
box-shadow: 0 0 0 2px rgba($planet-earth, 0.35);
}