Cor nomeada · #CDA182
Arbol de Tamarindo
Arbol de Tamarindo é #CDA182: rgb(205 161 130), hsl(25 43% 66%), oklch(0.742 0.068 56.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Arbol de Tamarindo color name →
#CDA182
oklch(0.742 0.068 56.6)
Conversões de cor
- HEX
- #cda182
- RGB
- rgb(205 161 130)
- HSL
- hsl(25 43% 66%)
- HWB
- hwb(25 51% 20%)
- OKLCH
- oklch(0.742 0.068 56.6)
- OKLab
- oklab(0.742 0.037 0.056)
- CIE Lab
- lab(69.81 13.7 22.74)
- LCH
- lch(69.81 26.55 58.9)
- CMYK
- cmyk(0% 21% 37% 20%)
Tons claros · Sombras · Tons
Tons claros
- D2AA8E
- D7B39B
- DDBDA7
- E2C6B3
- E7CFC0
- ECD9CC
- F1E2D9
- F5ECE5
- FAF5F2
Sombras
- B28B70
- 98765F
- 7E624E
- 664E3E
- 4E3C2F
- 382A20
- 231912
- 0F0906
- 020101
Tons
- C59E82
- BD9B82
- B69782
- AE9482
- A69182
- 9F8D82
- 978A81
- 8F8781
- 888380
Harmonias de cor
Complementar +180°
- CDA182
Arbol de Tamarindo
- 82B2D1
≈ Blue Cuddle
Análoga -30° +30°
- CDA182
Arbol de Tamarindo
- D39B95
≈ Savoury Salmon
- BEA97A
≈ Inner Cervela
Tríade +120° +240°
- CDA182
Arbol de Tamarindo
- 7CBAAA
≈ Mintnight
- AFA3D2
≈ Milky Lavender
Complementar dividida +150° +210°
- CDA182
Arbol de Tamarindo
- 77B8C1
≈ Tibetan Stone
- 98ABD7
≈ Aster Flower Blue
Tétrade +90° +180° +270°
- CDA182
Arbol de Tamarindo
- 90B793
≈ Mountain Fern
- 82B2D1
≈ Blue Cuddle
- C39DC2
≈ Lupine
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.32:1 · APCA Lc 46
Ag
AAASobre preto
WCAG 9.01:1 · APCA Lc 56
Melhor cor de texto: #000000
WCAG 9.01:1 (AAA) · APCA Lc 56
Contrast pairs
Trechos de código
CSS
:root {
--arbol-de-tamarindo: #cda182;
--arbol-de-tamarindo-rgb: 205 161 130;
--arbol-de-tamarindo-oklch: oklch(0.742 0.068 56.6);
}
.element {
color: var(--arbol-de-tamarindo);
background-color: hsl(25 43% 66%);
border-color: oklch(0.742 0.068 56.6);
}Tailwind CSS v4
@theme {
--color-arbol-de-tamarindo: #cda182;
--color-arbol-de-tamarindo-50: #fff1e3;
--color-arbol-de-tamarindo-100: #fae3d2;
--color-arbol-de-tamarindo-200: #ebceb8;
--color-arbol-de-tamarindo-300: #d2b096;
--color-arbol-de-tamarindo-400: #be9578;
--color-arbol-de-tamarindo-500: #a97b5a;
--color-arbol-de-tamarindo-600: #8f684c;
--color-arbol-de-tamarindo-700: #72533d;
--color-arbol-de-tamarindo-800: #553c2c;
--color-arbol-de-tamarindo-900: #3b291d;
--color-arbol-de-tamarindo-950: #25170d;
}SCSS
$arbol-de-tamarindo: #cda182;
$arbol-de-tamarindo-rgb: 205, 161, 130;
$arbol-de-tamarindo-light: mix(#fff, $arbol-de-tamarindo, 20%);
$arbol-de-tamarindo-dark: mix(#000, $arbol-de-tamarindo, 20%);
.element {
color: $arbol-de-tamarindo;
box-shadow: 0 0 0 2px rgba($arbol-de-tamarindo, 0.35);
}