Adlandırılmış renk · #74AF54
Lost Golfer
Lost Golfer, #74AF54: rgb(116 175 84), hsl(99 36% 51%), oklch(0.693 0.138 135.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Lost Golfer color name →
#74AF54
oklch(0.693 0.138 135.7)
Renk dönüşümleri
- HEX
- #74af54
- RGB
- rgb(116 175 84)
- HSL
- hsl(99 36% 51%)
- HWB
- hwb(99 33% 31%)
- OKLCH
- oklch(0.693 0.138 135.7)
- OKLab
- oklab(0.693 -0.099 0.096)
- CIE Lab
- lab(65.87 -32.39 39.81)
- LCH
- lch(65.87 51.32 129.1)
- CMYK
- cmyk(34% 0% 52% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 82B766
- 90BF78
- 9DC789
- ABCF9A
- B9D7AB
- C7DFBB
- D5E7CC
- E3EFDD
- F1F7EE
Koyu tonlar
- 649848
- 54813C
- 456B31
- 375626
- 29411B
- 1B2E11
- 0F1C08
- 050B02
- 010100
Gri tonlar
- 76AA5A
- 77A660
- 79A165
- 7A9D69
- 7B986E
- 7D9372
- 7E8F76
- 7E8A79
- 7F857D
Renk uyumları
Tamamlayıcı +180°
- 74AF54
Lost Golfer
- BD80D6
≈ Lavender Blossom
Analog -30° +30°
- 74AF54
Lost Golfer
- A8A022
≈ Parrot Feather
- 1FB788
≈ Green Velour
Üçlü +120° +240°
- 74AF54
Lost Golfer
- 5F9EF0
≈ Feather Star
- E4757F
≈ Passion Pink
Bölünmüş tamamlayıcı +150° +210°
- 74AF54
Lost Golfer
- 958EED
≈ Perrywinkle
- D876AF
≈ Sky Magenta
Dörtlü +90° +180° +270°
- 74AF54
Lost Golfer
- 00ACDA
≈ Bright Cerulean
- BD80D6
≈ Lavender Blossom
- E17E4D
≈ Jaffa
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.62:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 8.00:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.00:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
CSS
:root {
--lost-golfer: #74af54;
--lost-golfer-rgb: 116 175 84;
--lost-golfer-oklch: oklch(0.693 0.138 135.7);
}
.element {
color: var(--lost-golfer);
background-color: hsl(99 36% 51%);
border-color: oklch(0.693 0.138 135.7);
}Tailwind CSS v4
@theme {
--color-lost-golfer: #74af54;
--color-lost-golfer-50: #e3ffd9;
--color-lost-golfer-100: #d2f3c7;
--color-lost-golfer-200: #b8e3a9;
--color-lost-golfer-300: #95c882;
--color-lost-golfer-400: #79b15b;
--color-lost-golfer-500: #5a9a32;
--color-lost-golfer-600: #4c822c;
--color-lost-golfer-700: #3d6823;
--color-lost-golfer-800: #2e4c15;
--color-lost-golfer-900: #1f350d;
--color-lost-golfer-950: #0f2002;
}SCSS
$lost-golfer: #74af54;
$lost-golfer-rgb: 116, 175, 84;
$lost-golfer-light: mix(#fff, $lost-golfer, 20%);
$lost-golfer-dark: mix(#000, $lost-golfer, 20%);
.element {
color: $lost-golfer;
box-shadow: 0 0 0 2px rgba($lost-golfer, 0.35);
}