Couleur nommée la plus proche · #AC9B3A
#AC9B3A
Couleur nommée la plus proche: Greedy Gecko
#AC9B3A (rgb(172 155 58), hsl(51 50% 45%), oklch(0.686 0.118 99.3)) est la plus proche de la couleur nommée Greedy Gecko. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AC9B3A
oklch(0.686 0.118 99.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- B4A552
- BCAF67
- C4B97B
- CCC38E
- D4CDA1
- DDD7B4
- E5E1C7
- EEEBD9
- F6F5EC
Ombres
- 958631
- 7F7228
- 695E20
- 544B18
- 403910
- 2D2809
- 1B1804
- 0B0901
- 010100
Tons
- A79845
- A3964E
- 9E9356
- 9A915E
- 968E64
- 918B6B
- 8D8970
- 888676
- 84837B
Harmonies de couleurs
Complémentaire +180°
- AC9B3A
Greedy Gecko
- 8B92E2
≈ Perrywinkle
Analogue -30° +30°
- AC9B3A
Greedy Gecko
- C98C40
≈ Anzac
- 83A857
≈ Mosquito Fern
Triadique +120° +240°
- AC9B3A
Greedy Gecko
- 22ABCB
≈ Ball Blue
- CA7CB2
≈ Peruvian Lily
Complémentaire divisée +150° +210°
- AC9B3A
Greedy Gecko
- 5D9FE0
≈ Blue Bay
- B085D1
≈ Middy’s Purple
Tétradique +90° +180° +270°
- AC9B3A
Greedy Gecko
- 09B1A9
≈ Glass Jar Blue
- 8B92E2
≈ Perrywinkle
- D87A8A
≈ I Love You Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.79:1 · APCA Lc 54
Ag
AAASur noir
WCAG 7.50:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
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);
}