Nazwany kolor · #82A320
Spring Vegetables
Spring Vegetables to #82A320: rgb(130 163 32), hsl(75 67% 38%), oklch(0.667 0.154 123.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Spring Vegetables color name →
#82A320
oklch(0.667 0.154 123.5)
Konwersje koloru
- HEX
- #82a320
- RGB
- rgb(130 163 32)
- HSL
- hsl(75 67% 38%)
- HWB
- hwb(75 13% 36%)
- OKLCH
- oklch(0.667 0.154 123.5)
- OKLab
- oklab(0.667 -0.085 0.128)
- CIE Lab
- lab(62.77 -24.8 57.79)
- LCH
- lch(62.77 62.89 113.2)
- CMYK
- cmyk(20% 0% 80% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8EAC41
- 9AB65A
- A6BF70
- B2C885
- BED19A
- CBDBAE
- D8E4C2
- E5EDD7
- F2F6EB
Odcienie ciemniejsze
- 708D1A
- 5F7815
- 4E630F
- 3E4F0A
- 2F3C06
- 202A03
- 121901
- 060A00
- 010100
Tony
- 82A033
- 819C40
- 81994C
- 819655
- 81925E
- 818F65
- 808B6D
- 808873
- 80847A
Harmonie kolorów
Komplementarna +180°
- 82A320
Spring Vegetables
- A97AE1
≈ Lavender Blossom
Analogowa -30° +30°
- 82A320
Spring Vegetables
- B19100
≈ Manure
- 2DAF66
≈ Island Green
Triada +120° +240°
- 82A320
Spring Vegetables
- 1F9CEB
≈ Out of the Blue
- DF678A
≈ Love Letter
Komplementarna rozszczepiona +150° +210°
- 82A320
Spring Vegetables
- 778BF2
≈ Punch Out Glove
- CB6DBC
≈ Gulābī Pink
Tetrada +90° +180° +270°
- 82A320
Spring Vegetables
- 00A6C0
≈ Maui
- A97AE1
≈ Lavender Blossom
- E36C52
≈ Dusty Orange
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.91:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.20:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.20:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
CSS
:root {
--spring-vegetables: #82a320;
--spring-vegetables-rgb: 130 163 32;
--spring-vegetables-oklch: oklch(0.667 0.154 123.5);
}
.element {
color: var(--spring-vegetables);
background-color: hsl(75 67% 38%);
border-color: oklch(0.667 0.154 123.5);
}Tailwind CSS v4
@theme {
--color-spring-vegetables: #82a320;
--color-spring-vegetables-50: #eafece;
--color-spring-vegetables-100: #dbf2ba;
--color-spring-vegetables-200: #c4e098;
--color-spring-vegetables-300: #a5c56b;
--color-spring-vegetables-400: #8dad39;
--color-spring-vegetables-500: #739500;
--color-spring-vegetables-600: #617e00;
--color-spring-vegetables-700: #4d6500;
--color-spring-vegetables-800: #3a4a00;
--color-spring-vegetables-900: #283300;
--color-spring-vegetables-950: #161f00;
}SCSS
$spring-vegetables: #82a320;
$spring-vegetables-rgb: 130, 163, 32;
$spring-vegetables-light: mix(#fff, $spring-vegetables, 20%);
$spring-vegetables-dark: mix(#000, $spring-vegetables, 20%);
.element {
color: $spring-vegetables;
box-shadow: 0 0 0 2px rgba($spring-vegetables, 0.35);
}