Nazwany kolor · #549019
Vida Loca
Vida Loca to #549019: rgb(84 144 25), hsl(90 70% 33%), oklch(0.59 0.158 133.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Vida Loca color name →
#549019
oklch(0.59 0.158 133.6)
Konwersje koloru
- HEX
- #549019
- RGB
- rgb(84 144 25)
- HSL
- hsl(90 70% 33%)
- HWB
- hwb(90 10% 44%)
- OKLCH
- oklch(0.59 0.158 133.6)
- OKLab
- oklab(0.59 -0.109 0.114)
- CIE Lab
- lab(54.05 -34.57 50.86)
- LCH
- lch(54.05 61.5 124.2)
- CMYK
- cmyk(42% 0% 83% 44%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 659B3A
- 76A652
- 86B169
- 97BD7F
- A8C894
- B9D3A9
- CADEBE
- DCE9D4
- EDF4E9
Odcienie ciemniejsze
- 487D14
- 3C6A10
- 31570B
- 264507
- 1B3404
- 112402
- 081501
- 020700
- 000100
Tony
- 598F2C
- 5E8D3A
- 638C45
- 678B4F
- 6C8958
- 708861
- 748669
- 788471
- 7C8279
Harmonie kolorów
Komplementarna +180°
- 549019
Vida Loca
- 9E5CBE
≈ Trunks Hair
Analogowa -30° +30°
- 549019
Vida Loca
- 8A8000
≈ Fickle Pickle
- 009468
≈ Emerald Lake
Triada +120° +240°
- 549019
Vida Loca
- 2B7ED7
≈ Soothing Sapphire
- C94D61
≈ Claret Red
Komplementarna rozszczepiona +150° +210°
- 549019
Vida Loca
- 746CD6
≈ C64 Purple
- BA5095
≈ Magenta Memoir
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.90:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.38:1 · APCA Lc 35
Najlepszy kolor tekstu: #000000
WCAG 5.38:1 (AA) · APCA Lc 35
Contrast pairs
Fragmenty kodu
CSS
:root {
--vida-loca: #549019;
--vida-loca-rgb: 84 144 25;
--vida-loca-oklch: oklch(0.59 0.158 133.6);
}
.element {
color: var(--vida-loca);
background-color: hsl(90 70% 33%);
border-color: oklch(0.59 0.158 133.6);
}Tailwind CSS v4
@theme {
--color-vida-loca: #549019;
--color-vida-loca-50: #e2ffd3;
--color-vida-loca-100: #d1f5c0;
--color-vida-loca-200: #b7e4a0;
--color-vida-loca-300: #93ca76;
--color-vida-loca-400: #77b24a;
--color-vida-loca-500: #589b0b;
--color-vida-loca-600: #4b8311;
--color-vida-loca-700: #3c690f;
--color-vida-loca-800: #2d4d03;
--color-vida-loca-900: #1f3503;
--color-vida-loca-950: #0e2000;
}SCSS
$vida-loca: #549019;
$vida-loca-rgb: 84, 144, 25;
$vida-loca-light: mix(#fff, $vida-loca, 20%);
$vida-loca-dark: mix(#000, $vida-loca, 20%);
.element {
color: $vida-loca;
box-shadow: 0 0 0 2px rgba($vida-loca, 0.35);
}