Cor nomeada · #DECAC5
Kangaroo Paw
Kangaroo Paw é #DECAC5: rgb(222 202 197), hsl(12 27% 82%), oklch(0.854 0.024 34.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Kangaroo Paw color name →
#DECAC5
oklch(0.854 0.024 34.3)
Conversões de cor
- HEX
- #decac5
- RGB
- rgb(222 202 197)
- HSL
- hsl(12 27% 82%)
- HWB
- hwb(12 77% 13%)
- OKLCH
- oklch(0.854 0.024 34.3)
- OKLab
- oklab(0.854 0.019 0.013)
- CIE Lab
- lab(82.9 6.61 5.18)
- LCH
- lch(82.9 8.4 38)
- CMYK
- cmyk(0% 9% 11% 13%)
Tons claros · Sombras · Tons
Tons claros
- E1CFCB
- E5D4D0
- E8DAD6
- EBDFDC
- EFE4E2
- F2EAE7
- F5EFED
- F8F4F3
- FCFAF9
Sombras
- C1AFAB
- A59592
- 897C79
- 6F6461
- 554D4B
- 3D3735
- 262221
- 120F0E
- 020202
Tons
- D4C2BE
- CBBBB7
- C1B3B0
- B7ACA9
- AEA4A2
- A59D9B
- 9B9694
- 928E8D
- 898787
Harmonias de cor
Complementar +180°
- DECAC5
Kangaroo Paw
- BFD3D9
≈ Light Pure Blue
Análoga -30° +30°
- DECAC5
Kangaroo Paw
- DEC9CD
≈ Mega Metal Mecha
- DBCCC0
≈ Stonewashed Brown
Tríade +120° +240°
- DECAC5
Kangaroo Paw
- C4D4C8
≈ Milky Green
- CACEDF
≈ Blueberry Mist
Complementar dividida +150° +210°
- DECAC5
Kangaroo Paw
- BFD4D1
≈ Coast to Coast
- C3D1DE
≈ Saltwater
Tétrade +90° +180° +270°
- DECAC5
Kangaroo Paw
- CCD2C1
≈ Carrot Flower
- BFD3D9
≈ Light Pure Blue
- D2CCDC
≈ Kundalini Bliss
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASobre preto
WCAG 13.36:1 · APCA Lc 77
Melhor cor de texto: #000000
WCAG 13.36:1 (AAA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--kangaroo-paw: #decac5;
--kangaroo-paw-rgb: 222 202 197;
--kangaroo-paw-oklch: oklch(0.854 0.024 34.3);
}
.element {
color: var(--kangaroo-paw);
background-color: hsl(12 27% 82%);
border-color: oklch(0.854 0.024 34.3);
}Tailwind CSS v4
@theme {
--color-kangaroo-paw: #decac5;
--color-kangaroo-paw-50: #fcf3f0;
--color-kangaroo-paw-100: #efe5e2;
--color-kangaroo-paw-200: #ded1cd;
--color-kangaroo-paw-300: #c3b3af;
--color-kangaroo-paw-400: #ac9a95;
--color-kangaroo-paw-500: #95817c;
--color-kangaroo-paw-600: #7e6d69;
--color-kangaroo-paw-700: #655754;
--color-kangaroo-paw-800: #4a403d;
--color-kangaroo-paw-900: #332c2a;
--color-kangaroo-paw-950: #1f1918;
}SCSS
$kangaroo-paw: #decac5;
$kangaroo-paw-rgb: 222, 202, 197;
$kangaroo-paw-light: mix(#fff, $kangaroo-paw, 20%);
$kangaroo-paw-dark: mix(#000, $kangaroo-paw, 20%);
.element {
color: $kangaroo-paw;
box-shadow: 0 0 0 2px rgba($kangaroo-paw, 0.35);
}