Najbliższy nazwany kolor · #A29E3A
#A29E3A
Najbliższy nazwany kolor: Desert Locust
#A29E3A (rgb(162 158 58), hsl(58 47% 43%), oklch(0.683 0.121 107)) jest najbliższy nazwanemu kolorowi Desert Locust. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A29E3A
oklch(0.683 0.121 107)
Konwersje koloru
- HEX
- #a29e3a
- RGB
- rgb(162 158 58)
- HSL
- hsl(58 47% 43%)
- HWB
- hwb(58 23% 36%)
- OKLCH
- oklch(0.683 0.121 107)
- OKLab
- oklab(0.683 -0.035 0.116)
- CIE Lab
- lab(64 -7.83 50.72)
- LCH
- lch(64 51.32 98.8)
- CMYK
- cmyk(0% 2% 64% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ABA852
- B4B167
- BDBB7B
- C6C58E
- CFCEA1
- D8D8B4
- E2E2C6
- EBECD9
- F5F5EC
Odcienie ciemniejsze
- 8C8931
- 777428
- 636020
- 4F4D18
- 3C3A10
- 2A2909
- 191804
- 0A0901
- 010100
Tony
- 9E9B45
- 9B984E
- 979556
- 94935E
- 909064
- 8D8D6B
- 8A8970
- 868676
- 83837B
Harmonie kolorów
Komplementarna +180°
- A29E3A
Desert Locust
- 958DE0
≈ Perrywinkle
Analogowa -30° +30°
- A29E3A
Desert Locust
- C38E36
≈ Calico Cat
- 75AA5E
≈ Ferntastic
Triada +120° +240°
- A29E3A
Desert Locust
- 2BA7D3
≈ Modal
- CF79A8
≈ Heartbreaker
Komplementarna rozszczepiona +150° +210°
- A29E3A
Desert Locust
- 679BE3
≈ Little Boy Blue
- B781CB
≈ Lavender Sweater
Tetrada +90° +180° +270°
- A29E3A
Desert Locust
- 00AFB2
≈ Larkspur Blue
- 958DE0
≈ Perrywinkle
- DA787E
≈ Juicy Details
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.48:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--desert-locust: #a29e3a;
--desert-locust-rgb: 162 158 58;
--desert-locust-oklch: oklch(0.683 0.121 107);
}
.element {
color: var(--desert-locust);
background-color: hsl(58 47% 43%);
border-color: oklch(0.683 0.121 107);
}Tailwind CSS v4
@theme {
--color-desert-locust: #a29e3a;
--color-desert-locust-50: #f7f9d1;
--color-desert-locust-100: #eaecbe;
--color-desert-locust-200: #d8d99d;
--color-desert-locust-300: #bcbd72;
--color-desert-locust-400: #a7a347;
--color-desert-locust-500: #908b00;
--color-desert-locust-600: #7a750a;
--color-desert-locust-700: #615e0a;
--color-desert-locust-800: #494403;
--color-desert-locust-900: #322f03;
--color-desert-locust-950: #1e1b00;
}SCSS
$desert-locust: #a29e3a;
$desert-locust-rgb: 162, 158, 58;
$desert-locust-light: mix(#fff, $desert-locust, 20%);
$desert-locust-dark: mix(#000, $desert-locust, 20%);
.element {
color: $desert-locust;
box-shadow: 0 0 0 2px rgba($desert-locust, 0.35);
}