Najbliższy nazwany kolor · #AC9B3A
#AC9B3A
Najbliższy nazwany kolor: Greedy Gecko
#AC9B3A (rgb(172 155 58), hsl(51 50% 45%), oklch(0.686 0.118 99.3)) jest najbliższy nazwanemu kolorowi Greedy Gecko. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#AC9B3A
oklch(0.686 0.118 99.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B4A552
- BCAF67
- C4B97B
- CCC38E
- D4CDA1
- DDD7B4
- E5E1C7
- EEEBD9
- F6F5EC
Odcienie ciemniejsze
- 958631
- 7F7228
- 695E20
- 544B18
- 403910
- 2D2809
- 1B1804
- 0B0901
- 010100
Tony
- A79845
- A3964E
- 9E9356
- 9A915E
- 968E64
- 918B6B
- 8D8970
- 888676
- 84837B
Harmonie kolorów
Komplementarna +180°
- AC9B3A
Greedy Gecko
- 8B92E2
≈ Perrywinkle
Analogowa -30° +30°
- AC9B3A
Greedy Gecko
- C98C40
≈ Anzac
- 83A857
≈ Mosquito Fern
Triada +120° +240°
- AC9B3A
Greedy Gecko
- 22ABCB
≈ Ball Blue
- CA7CB2
≈ Peruvian Lily
Komplementarna rozszczepiona +150° +210°
- AC9B3A
Greedy Gecko
- 5D9FE0
≈ Blue Bay
- B085D1
≈ Middy’s Purple
Tetrada +90° +180° +270°
- AC9B3A
Greedy Gecko
- 09B1A9
≈ Glass Jar Blue
- 8B92E2
≈ Perrywinkle
- D87A8A
≈ I Love You Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.79:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.50:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
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);
}