Adlandırılmış renk · #5CA16D
Great Gazoo
Great Gazoo, #5CA16D: rgb(92 161 109), hsl(135 27% 50%), oklch(0.649 0.105 150.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Great Gazoo color name →
#5CA16D
oklch(0.649 0.105 150.5)
Renk dönüşümleri
- HEX
- #5ca16d
- RGB
- rgb(92 161 109)
- HSL
- hsl(135 27% 50%)
- HWB
- hwb(135 36% 37%)
- OKLCH
- oklch(0.649 0.105 150.5)
- OKLab
- oklab(0.649 -0.091 0.052)
- CIE Lab
- lab(60.66 -31.61 20.06)
- LCH
- lch(60.66 37.44 147.6)
- CMYK
- cmyk(43% 0% 32% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6DAA7B
- 7EB489
- 8EBD97
- 9EC6A6
- AED0B4
- BED9C3
- CEE3D2
- DEECE1
- EFF6F0
Koyu tonlar
- 4F8B5E
- 42764F
- 366241
- 2A4E33
- 1F3C26
- 142A19
- 0A190D
- 030904
- 000101
Gri tonlar
- 619E6F
- 659B71
- 6A9773
- 6D9475
- 719177
- 748E79
- 788A7B
- 7B877D
- 7D837E
Renk uyumları
Tamamlayıcı +180°
- 5CA16D
Great Gazoo
- B377AD
≈ Eccentric Magenta
Analog -30° +30°
- 5CA16D
Great Gazoo
- 86984C
≈ Bamboo Grass Green
- 2EA492
≈ Fishy House
Üçlü +120° +240°
- 5CA16D
Great Gazoo
- 778BCF
≈ True Lavender
- C77668
≈ Peach Macaron
Bölünmüş tamamlayıcı +150° +210°
- 5CA16D
Great Gazoo
- 9980C5
≈ Lilac Purple
- C3738C
≈ Prehistoric Pink
Dörtlü +90° +180° +270°
- 5CA16D
Great Gazoo
- 4D97C9
≈ Blessed Blue
- B377AD
≈ Eccentric Magenta
- BD7F48
≈ Beeswax Candle
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.10:1 · APCA Lc 58
Ag
AASiyah üzerinde
WCAG 6.77:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.77:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
CSS
:root {
--great-gazoo: #5ca16d;
--great-gazoo-rgb: 92 161 109;
--great-gazoo-oklch: oklch(0.649 0.105 150.5);
}
.element {
color: var(--great-gazoo);
background-color: hsl(135 27% 50%);
border-color: oklch(0.649 0.105 150.5);
}Tailwind CSS v4
@theme {
--color-great-gazoo: #5ca16d;
--color-great-gazoo-50: #e0fee7;
--color-great-gazoo-100: #cff3d7;
--color-great-gazoo-200: #b3e2bf;
--color-great-gazoo-300: #8ec79e;
--color-great-gazoo-400: #6fb07e;
--color-great-gazoo-500: #4c9a61;
--color-great-gazoo-600: #418252;
--color-great-gazoo-700: #346842;
--color-great-gazoo-800: #264c2d;
--color-great-gazoo-900: #1a351f;
--color-great-gazoo-950: #0a200e;
}SCSS
$great-gazoo: #5ca16d;
$great-gazoo-rgb: 92, 161, 109;
$great-gazoo-light: mix(#fff, $great-gazoo, 20%);
$great-gazoo-dark: mix(#000, $great-gazoo, 20%);
.element {
color: $great-gazoo;
box-shadow: 0 0 0 2px rgba($great-gazoo, 0.35);
}