Cor nomeada mais próxima · #AC9B3A
#AC9B3A
Cor nomeada mais próxima: Greedy Gecko
#AC9B3A (rgb(172 155 58), hsl(51 50% 45%), oklch(0.686 0.118 99.3)) é mais próxima da cor nomeada Greedy Gecko. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#AC9B3A
oklch(0.686 0.118 99.3)
Conversões de cor
- HEX
- #ac9b3a
- RGB
- rgb(172 155 58)
- HSL
- hsl(51 50% 45%)
- HWB
- hwb(51 23% 33%)
- OKLCH
- oklch(0.686 0.118 99.3)
- OKLab
- oklab(0.686 -0.019 0.116)
- CIE Lab
- lab(64.11 -1.96 51.17)
- LCH
- lch(64.11 51.21 92.2)
- CMYK
- cmyk(0% 10% 66% 33%)
Tons claros · Sombras · Tons
Tons claros
- B4A552
- BCAF67
- C4B97B
- CCC38E
- D4CDA1
- DDD7B4
- E5E1C7
- EEEBD9
- F6F5EC
Sombras
- 958631
- 7F7228
- 695E20
- 544B18
- 403910
- 2D2809
- 1B1804
- 0B0901
- 010100
Tons
- A79845
- A3964E
- 9E9356
- 9A915E
- 968E64
- 918B6B
- 8D8970
- 888676
- 84837B
Harmonias de cor
Complementar +180°
- AC9B3A
Greedy Gecko
- 8B92E2
≈ Perrywinkle
Análoga -30° +30°
- AC9B3A
Greedy Gecko
- C98C40
≈ Anzac
- 83A857
≈ Mosquito Fern
Tríade +120° +240°
- AC9B3A
Greedy Gecko
- 22ABCB
≈ Ball Blue
- CA7CB2
≈ Peruvian Lily
Complementar dividida +150° +210°
- AC9B3A
Greedy Gecko
- 5D9FE0
≈ Blue Bay
- B085D1
≈ Middy’s Purple
Tétrade +90° +180° +270°
- AC9B3A
Greedy Gecko
- 09B1A9
≈ Glass Jar Blue
- 8B92E2
≈ Perrywinkle
- D87A8A
≈ I Love You Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.50:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--greedy-gecko: #ac9b3a;
--greedy-gecko-rgb: 172 155 58;
--greedy-gecko-oklch: oklch(0.686 0.118 99.3);
}
.element {
color: var(--greedy-gecko);
background-color: hsl(51 50% 45%);
border-color: oklch(0.686 0.118 99.3);
}Tailwind CSS v4
@theme {
--color-greedy-gecko: #ac9b3a;
--color-greedy-gecko-50: #fcf7d1;
--color-greedy-gecko-100: #f0eabd;
--color-greedy-gecko-200: #ded69c;
--color-greedy-gecko-300: #c4ba71;
--color-greedy-gecko-400: #af9f46;
--color-greedy-gecko-500: #9a8600;
--color-greedy-gecko-600: #827208;
--color-greedy-gecko-700: #685b09;
--color-greedy-gecko-800: #4e4203;
--color-greedy-gecko-900: #362e03;
--color-greedy-gecko-950: #211a00;
}SCSS
$greedy-gecko: #ac9b3a;
$greedy-gecko-rgb: 172, 155, 58;
$greedy-gecko-light: mix(#fff, $greedy-gecko, 20%);
$greedy-gecko-dark: mix(#000, $greedy-gecko, 20%);
.element {
color: $greedy-gecko;
box-shadow: 0 0 0 2px rgba($greedy-gecko, 0.35);
}