Cor nomeada · #98523D
Tropical Nut
Tropical Nut é #98523D: rgb(152 82 61), hsl(14 43% 42%), oklch(0.517 0.099 37.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Tropical Nut color name →
#98523D
oklch(0.517 0.099 37.5)
Conversões de cor
- HEX
- #98523d
- RGB
- rgb(152 82 61)
- HSL
- hsl(14 43% 42%)
- HWB
- hwb(14 24% 40%)
- OKLCH
- oklch(0.517 0.099 37.5)
- OKLab
- oklab(0.517 0.079 0.06)
- CIE Lab
- lab(43.24 28.33 25.79)
- LCH
- lch(43.24 38.32 42.3)
- CMYK
- cmyk(0% 46% 60% 40%)
Tons claros · Sombras · Tons
Tons claros
- A3634F
- AE7362
- B98474
- C39587
- CEA69B
- D8B8AE
- E2C9C2
- ECDBD6
- F5EDEA
Sombras
- 844634
- 703B2B
- 5C2F22
- 4A251A
- 381A12
- 27110A
- 170804
- 080201
- 010000
Tons
- 965744
- 955C4B
- 936152
- 916659
- 8E6A5F
- 8C6F66
- 89736C
- 867873
- 837C7A
Harmonias de cor
Complementar +180°
- 98523D
Tropical Nut
- 00758B
≈ Enamel Blue
Análoga -30° +30°
- 98523D
Tropical Nut
- 974E5E
≈ Vin Rouge
- 8D5C1E
≈ Afghan Carpet
Tríade +120° +240°
- 98523D
Tropical Nut
- 2C7951
≈ Canadian Pine
- 5B62A0
≈ Violet Storm
Complementar dividida +150° +210°
- 98523D
Tropical Nut
- 007971
≈ Pond Moss
- 346C9E
≈ Lochmara
Tétrade +90° +180° +270°
- 98523D
Tropical Nut
- 58732F
≈ Deep Pine
- 00758B
≈ Enamel Blue
- 785894
≈ Juneberry
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.81:1 · APCA Lc 79
Ag
FailSobre preto
WCAG 3.60:1 · APCA Lc 23
Melhor cor de texto: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--tropical-nut: #98523d;
--tropical-nut-rgb: 152 82 61;
--tropical-nut-oklch: oklch(0.517 0.099 37.5);
}
.element {
color: var(--tropical-nut);
background-color: hsl(14 43% 42%);
border-color: oklch(0.517 0.099 37.5);
}Tailwind CSS v4
@theme {
--color-tropical-nut: #98523d;
--color-tropical-nut-50: #ffece0;
--color-tropical-nut-100: #ffded0;
--color-tropical-nut-200: #fbc7b5;
--color-tropical-nut-300: #e4a792;
--color-tropical-nut-400: #d18a74;
--color-tropical-nut-500: #be6d55;
--color-tropical-nut-600: #a05d49;
--color-tropical-nut-700: #814a3a;
--color-tropical-nut-800: #60352a;
--color-tropical-nut-900: #43241c;
--color-tropical-nut-950: #2b130c;
}SCSS
$tropical-nut: #98523d;
$tropical-nut-rgb: 152, 82, 61;
$tropical-nut-light: mix(#fff, $tropical-nut, 20%);
$tropical-nut-dark: mix(#000, $tropical-nut, 20%);
.element {
color: $tropical-nut;
box-shadow: 0 0 0 2px rgba($tropical-nut, 0.35);
}