Colore con nome · #A2A580
Locust
Locust è #A2A580: rgb(162 165 128), hsl(65 17% 57%), oklch(0.71 0.052 111.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Locust color name →
#A2A580
oklch(0.71 0.052 111.5)
Conversioni di colore
- HEX
- #a2a580
- RGB
- rgb(162 165 128)
- HSL
- hsl(65 17% 57%)
- HWB
- hwb(65 50% 35%)
- OKLCH
- oklch(0.71 0.052 111.5)
- OKLab
- oklab(0.71 -0.019 0.048)
- CIE Lab
- lab(66.76 -5.83 18.9)
- LCH
- lch(66.76 19.77 107.1)
- CMYK
- cmyk(2% 0% 22% 35%)
Tinte · Ombre · Toni
Tinte
- ABAE8C
- B4B799
- BDBFA5
- C6C8B2
- CFD1BE
- D9DACB
- E2E3D8
- ECEDE5
- F5F6F2
Ombre
- 8C8F6E
- 77795D
- 63654D
- 4F513D
- 3C3D2E
- 2A2B1F
- 191A12
- 0A0A06
- 010101
Toni
- 9FA180
- 9B9E80
- 989A81
- 949681
- 919281
- 8D8F81
- 8A8B80
- 878780
- 838480
Armonie di colore
Complementare +180°
- A2A580
Locust
- A19CC0
≈ Grape Gatsby
Analogo -30° +30°
- A2A580
Locust
- B29F7D
≈ Dried Edamame
- 90AA8C
≈ Fluorine
Triadico +120° +240°
- A2A580
Locust
- 81A8BC
≈ Winter Twilight
- BC95A5
≈ Violet Fantasy
Complementare divisa +150° +210°
- A2A580
Locust
- 90A2C2
≈ Wild Clary
- B197B5
≈ Roseville
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.55:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.23:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.23:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--locust: #a2a580;
--locust-rgb: 162 165 128;
--locust-oklch: oklch(0.71 0.052 111.5);
}
.element {
color: var(--locust);
background-color: hsl(65 17% 57%);
border-color: oklch(0.71 0.052 111.5);
}Tailwind CSS v4
@theme {
--color-locust: #a2a580;
--color-locust-50: #f5f7e6;
--color-locust-100: #e7ead7;
--color-locust-200: #d4d7be;
--color-locust-300: #b7bb9d;
--color-locust-400: #9fa27f;
--color-locust-500: #878a62;
--color-locust-600: #727553;
--color-locust-700: #5b5d42;
--color-locust-800: #43442f;
--color-locust-900: #2f2f20;
--color-locust-950: #1b1c10;
}SCSS
$locust: #a2a580;
$locust-rgb: 162, 165, 128;
$locust-light: mix(#fff, $locust, 20%);
$locust-dark: mix(#000, $locust, 20%);
.element {
color: $locust;
box-shadow: 0 0 0 2px rgba($locust, 0.35);
}