Cor nomeada mais próxima · #976D04
#976D04
Cor nomeada mais próxima: Puma
#976D04 (rgb(151 109 4), hsl(43 95% 30%), oklch(0.563 0.115 81.5)) é mais próxima da cor nomeada Puma. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#976D04
oklch(0.563 0.115 81.5)
Conversões de cor
- HEX
- #976d04
- RGB
- rgb(151 109 4)
- HSL
- hsl(43 95% 30%)
- HWB
- hwb(43 2% 41%)
- OKLCH
- oklch(0.563 0.115 81.5)
- OKLab
- oklab(0.563 0.017 0.114)
- CIE Lab
- lab(49.32 11.43 54.72)
- LCH
- lch(49.32 55.9 78.2)
- CMYK
- cmyk(0% 28% 97% 41%)
Tons claros · Sombras · Tons
Tons claros
- A17B2F
- AC894A
- B69861
- C0A678
- CBB58E
- D5C3A5
- DFD2BB
- EAE1D1
- F4F0E8
Sombras
- 835E03
- 6F4F02
- 5C4101
- 493301
- 372601
- 261900
- 170D00
- 080400
- 010100
Tons
- 956F21
- 937231
- 91743E
- 8E7649
- 8C7853
- 8A795D
- 877B66
- 857D6F
- 837E78
Harmonias de cor
Complementar +180°
- 976D04
Puma
- 4E74B8
≈ Sinatra
Análoga -30° +30°
Tríade +120° +240°
Complementar dividida +150° +210°
- 976D04
Puma
- 0080AC
≈ Oh so Vo
- 7767B3
≈ Clear Mauve
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.66:1 · APCA Lc 72
Ag
AASobre preto
WCAG 4.50:1 · APCA Lc 30
Melhor cor de texto: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--puma: #976d04;
--puma-rgb: 151 109 4;
--puma-oklch: oklch(0.563 0.115 81.5);
}
.element {
color: var(--puma);
background-color: hsl(43 95% 30%);
border-color: oklch(0.563 0.115 81.5);
}Tailwind CSS v4
@theme {
--color-puma: #976d04;
--color-puma-50: #fff3d1;
--color-puma-100: #fbe5bd;
--color-puma-200: #ecd19c;
--color-puma-300: #d4b371;
--color-puma-400: #c19748;
--color-puma-500: #ac7d06;
--color-puma-600: #916a0e;
--color-puma-700: #75550c;
--color-puma-800: #573d07;
--color-puma-900: #3d2a05;
--color-puma-950: #261700;
}SCSS
$puma: #976d04;
$puma-rgb: 151, 109, 4;
$puma-light: mix(#fff, $puma, 20%);
$puma-dark: mix(#000, $puma, 20%);
.element {
color: $puma;
box-shadow: 0 0 0 2px rgba($puma, 0.35);
}