Adlandırılmış renk · #51B73B
Skirret Green
Skirret Green, #51B73B: rgb(81 183 59), hsl(109 51% 47%), oklch(0.693 0.187 140.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Skirret Green color name →
#51B73B
oklch(0.693 0.187 140.4)
Renk dönüşümleri
- HEX
- #51b73b
- RGB
- rgb(81 183 59)
- HSL
- hsl(109 51% 47%)
- HWB
- hwb(109 23% 28%)
- OKLCH
- oklch(0.693 0.187 140.4)
- OKLab
- oklab(0.693 -0.144 0.119)
- CIE Lab
- lab(66.55 -48.23 51.09)
- LCH
- lch(66.55 70.26 133.4)
- CMYK
- cmyk(56% 0% 68% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 65BF53
- 78C668
- 8ACE7C
- 9BD590
- ACDCA2
- BDE3B5
- CDEBC7
- DEF1DA
- EEF8EC
Koyu tonlar
- 459F32
- 3A8729
- 2F7021
- 245A19
- 1A4511
- 103109
- 071E04
- 020C01
- 000200
Gri tonlar
- 59B246
- 5FAD50
- 65A758
- 6AA25F
- 6F9C66
- 73976C
- 779171
- 7A8C76
- 7D867B
Renk uyumları
Tamamlayıcı +180°
- 51B73B
Skirret Green
- CE6FE3
≈ Purple Snail
Analog -30° +30°
- 51B73B
Skirret Green
- A2A400
≈ Countryside
- 00B790
≈ Green Velour
Üçlü +120° +240°
- 51B73B
Skirret Green
- 5F9AFF
≈ Blue Chaos
- FB626A
≈ Grenadine Pink
Bölünmüş tamamlayıcı +150° +210°
- 51B73B
Skirret Green
- 9E85FF
≈ Periwinkle
- EE63AC
≈ Fugitive Flamingo
Dörtlü +90° +180° +270°
- 51B73B
Skirret Green
- 00ABE2
≈ Blue Fire
- CE6FE3
≈ Purple Snail
- F27300
≈ Supernatural Saffron
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.56:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.18:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.18:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--skirret-green: #51b73b;
--skirret-green-rgb: 81 183 59;
--skirret-green-oklch: oklch(0.693 0.187 140.4);
}
.element {
color: var(--skirret-green);
background-color: hsl(109 51% 47%);
border-color: oklch(0.693 0.187 140.4);
}Tailwind CSS v4
@theme {
--color-skirret-green: #51b73b;
--color-skirret-green-50: #d7ffd2;
--color-skirret-green-100: #c4f9bf;
--color-skirret-green-200: #a5e99e;
--color-skirret-green-300: #7bcf74;
--color-skirret-green-400: #59b845;
--color-skirret-green-500: #27a100;
--color-skirret-green-600: #258901;
--color-skirret-green-700: #1d6d04;
--color-skirret-green-800: #195000;
--color-skirret-green-900: #103800;
--color-skirret-green-950: #032200;
}SCSS
$skirret-green: #51b73b;
$skirret-green-rgb: 81, 183, 59;
$skirret-green-light: mix(#fff, $skirret-green, 20%);
$skirret-green-dark: mix(#000, $skirret-green, 20%);
.element {
color: $skirret-green;
box-shadow: 0 0 0 2px rgba($skirret-green, 0.35);
}