Cor nomeada mais próxima · #A76522
#A76522
Cor nomeada mais próxima: Inca Gold
#A76522 (rgb(167 101 34), hsl(30 66% 39%), oklch(0.569 0.116 61.4)) é mais próxima da cor nomeada Inca Gold. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#A76522
oklch(0.569 0.116 61.4)
Conversões de cor
- HEX
- #a76522
- RGB
- rgb(167 101 34)
- HSL
- hsl(30 66% 39%)
- HWB
- hwb(30 13% 35%)
- OKLCH
- oklch(0.569 0.116 61.4)
- OKLab
- oklab(0.569 0.056 0.102)
- CIE Lab
- lab(49.53 23.51 47.13)
- LCH
- lch(49.53 52.67 63.5)
- CMYK
- cmyk(0% 40% 80% 35%)
Tons claros · Sombras · Tons
Tons claros
- B0743D
- BA8354
- C39269
- CCA27E
- D5B193
- DDC0A9
- E6D0BE
- EEDFD3
- F7EFE9
Sombras
- 91571C
- 7B4916
- 663C11
- 522F0B
- 3E2207
- 2C1703
- 1A0C01
- 0A0300
- 010000
Tons
- A46830
- A06B3C
- 9D6E46
- 99714F
- 957458
- 917761
- 8D7969
- 897C71
- 857E78
Harmonias de cor
Complementar +180°
- A76522
Inca Gold
- 287EB5
≈ Vermeer Blue
Análoga -30° +30°
- A76522
Inca Gold
- B15A4B
≈ Ant Red
- 907402
≈ Vermin Brown
Tríade +120° +240°
- A76522
Inca Gold
- 008A7B
≈ Go Go Green
- 8365B0
≈ Lavish Spending
Complementar dividida +150° +210°
- A76522
Inca Gold
- 008698
≈ Marker Blue
- 5F72BB
≈ Gladiola Blue
Tétrade +90° +180° +270°
- A76522
Inca Gold
- 398A53
≈ Lake Green
- 287EB5
≈ Vermeer Blue
- 9E5C96
≈ Bermuda Onion
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.63:1 · APCA Lc 72
Ag
AASobre preto
WCAG 4.52:1 · APCA Lc 30
Melhor cor de texto: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--inca-gold: #a76522;
--inca-gold-rgb: 167 101 34;
--inca-gold-oklch: oklch(0.569 0.116 61.4);
}
.element {
color: var(--inca-gold);
background-color: hsl(30 66% 39%);
border-color: oklch(0.569 0.116 61.4);
}Tailwind CSS v4
@theme {
--color-inca-gold: #a76522;
--color-inca-gold-50: #ffefd4;
--color-inca-gold-100: #ffe0c1;
--color-inca-gold-200: #f8caa1;
--color-inca-gold-300: #e2ab78;
--color-inca-gold-400: #d08e53;
--color-inca-gold-500: #bc7226;
--color-inca-gold-600: #9f6123;
--color-inca-gold-700: #804d1b;
--color-inca-gold-800: #5f3713;
--color-inca-gold-900: #43260c;
--color-inca-gold-950: #2b1401;
}SCSS
$inca-gold: #a76522;
$inca-gold-rgb: 167, 101, 34;
$inca-gold-light: mix(#fff, $inca-gold, 20%);
$inca-gold-dark: mix(#000, $inca-gold, 20%);
.element {
color: $inca-gold;
box-shadow: 0 0 0 2px rgba($inca-gold, 0.35);
}