Nazwany kolor · #5A8B3F
Golf Day
Golf Day to #5A8B3F: rgb(90 139 63), hsl(99 38% 40%), oklch(0.584 0.12 135.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Golf Day color name →
#5A8B3F
oklch(0.584 0.12 135.7)
Konwersje koloru
- HEX
- #5a8b3f
- RGB
- rgb(90 139 63)
- HSL
- hsl(99 38% 40%)
- HWB
- hwb(99 25% 45%)
- OKLCH
- oklch(0.584 0.12 135.7)
- OKLab
- oklab(0.584 -0.085 0.084)
- CIE Lab
- lab(53.04 -28.02 34.65)
- LCH
- lch(53.04 44.56 129)
- CMYK
- cmyk(35% 0% 55% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6A9653
- 7AA266
- 8AAD79
- 9AB98B
- AAC49E
- BBD0B1
- CCDCC4
- DDE7D8
- EEF3EB
Odcienie ciemniejsze
- 4D7835
- 41662C
- 355423
- 29431B
- 1E3212
- 13230A
- 091404
- 030701
- 000100
Tony
- 5E8A47
- 62894E
- 668855
- 6A875C
- 6E8662
- 728569
- 75846F
- 798375
- 7D817A
Harmonie kolorów
Komplementarna +180°
- 5A8B3F
Golf Day
- 9664AB
≈ Empire Violet
Analogowa -30° +30°
- 5A8B3F
Golf Day
- 867F11
≈ Olive
- 0B916A
≈ Viridian
Triada +120° +240°
- 5A8B3F
Golf Day
- 487DC1
≈ Tufts Blue
- B75B63
≈ Pink Flame
Komplementarna rozszczepiona +150° +210°
- 5A8B3F
Golf Day
- 766FBF
≈ Venus Violet
- AD5C8B
≈ Dahlia Mauve
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.03:1 · APCA Lc 68
Ag
AANa czerni
WCAG 5.19:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.19:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--golf-day: #5a8b3f;
--golf-day-rgb: 90 139 63;
--golf-day-oklch: oklch(0.584 0.12 135.7);
}
.element {
color: var(--golf-day);
background-color: hsl(99 38% 40%);
border-color: oklch(0.584 0.12 135.7);
}Tailwind CSS v4
@theme {
--color-golf-day: #5a8b3f;
--color-golf-day-50: #e5fedd;
--color-golf-day-100: #d5f2cb;
--color-golf-day-200: #bce1af;
--color-golf-day-300: #9ac68a;
--color-golf-day-400: #7eae66;
--color-golf-day-500: #619742;
--color-golf-day-600: #528039;
--color-golf-day-700: #41672d;
--color-golf-day-800: #314b1d;
--color-golf-day-900: #213413;
--color-golf-day-950: #101f05;
}SCSS
$golf-day: #5a8b3f;
$golf-day-rgb: 90, 139, 63;
$golf-day-light: mix(#fff, $golf-day, 20%);
$golf-day-dark: mix(#000, $golf-day, 20%);
.element {
color: $golf-day;
box-shadow: 0 0 0 2px rgba($golf-day, 0.35);
}