Adlandırılmış renk · #47613C
Lady Luck
Lady Luck, #47613C: rgb(71 97 60), hsl(102 24% 31%), oklch(0.461 0.066 136.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? → · Lady Luck color name →
#47613C
oklch(0.461 0.066 136.7)
Renk dönüşümleri
- HEX
- #47613c
- RGB
- rgb(71 97 60)
- HSL
- hsl(102 24% 31%)
- HWB
- hwb(102 24% 62%)
- OKLCH
- oklch(0.461 0.066 136.7)
- OKLab
- oklab(0.461 -0.048 0.045)
- CIE Lab
- lab(38.28 -15.91 17.88)
- LCH
- lch(38.28 23.93 131.7)
- CMYK
- cmyk(27% 0% 38% 62%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 58704E
- 697F60
- 7A8E73
- 8C9D86
- 9FAD99
- B1BDAD
- C4CDC1
- D8DED5
- EBEEEA
Koyu tonlar
- 3D5333
- 32462A
- 283921
- 1F2D19
- 162111
- 0D150A
- 060B04
- 020301
- 000000
Gri tonlar
- 4D6443
- 52674A
- 586A50
- 5E6E57
- 63715E
- 697465
- 6F776C
- 747A72
- 7A7D79
Renk uyumları
Tamamlayıcı +180°
- 47613C
Lady Luck
- 674D71
≈ Futaai Indigo
Analog -30° +30°
- 47613C
Lady Luck
- 5D5B2D
≈ Reptile Revenge
- 306450
≈ Ore Mountains Green
Üçlü +120° +240°
- 47613C
Lady Luck
- 405A7D
≈ Newburyport
- 79494B
≈ Cocobolo
Bölünmüş tamamlayıcı +150° +210°
- 47613C
Lady Luck
- 56537B
≈ Deep Orchid
- 734960
≈ Bewitching
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.90:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 3.04:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 6.90:1 (AA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--lady-luck: #47613c;
--lady-luck-rgb: 71 97 60;
--lady-luck-oklch: oklch(0.461 0.066 136.7);
}
.element {
color: var(--lady-luck);
background-color: hsl(102 24% 31%);
border-color: oklch(0.461 0.066 136.7);
}Tailwind CSS v4
@theme {
--color-lady-luck: #47613c;
--color-lady-luck-50: #ecfae8;
--color-lady-luck-100: #ddeed9;
--color-lady-luck-200: #c7dbc1;
--color-lady-luck-300: #a7c0a0;
--color-lady-luck-400: #8da882;
--color-lady-luck-500: #729165;
--color-lady-luck-600: #617a56;
--color-lady-luck-700: #4d6245;
--color-lady-luck-800: #394830;
--color-lady-luck-900: #273221;
--color-lady-luck-950: #151e10;
}SCSS
$lady-luck: #47613c;
$lady-luck-rgb: 71, 97, 60;
$lady-luck-light: mix(#fff, $lady-luck, 20%);
$lady-luck-dark: mix(#000, $lady-luck, 20%);
.element {
color: $lady-luck;
box-shadow: 0 0 0 2px rgba($lady-luck, 0.35);
}