Adlandırılmış renk · #A5D610
Sabz Green
Sabz Green, #A5D610: rgb(165 214 16), hsl(75 86% 45%), oklch(0.812 0.201 124.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Sabz Green color name →
#A5D610
oklch(0.812 0.201 124.7)
Renk dönüşümleri
- HEX
- #a5d610
- RGB
- rgb(165 214 16)
- HSL
- hsl(75 86% 45%)
- HWB
- hwb(75 6% 16%)
- OKLCH
- oklch(0.812 0.201 124.7)
- OKLab
- oklab(0.812 -0.114 0.165)
- CIE Lab
- lab(79.96 -33.47 75.83)
- LCH
- lch(79.96 82.89 113.8)
- CMYK
- cmyk(23% 0% 93% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AEDB44
- B6DF61
- BFE479
- C8E88E
- D1ECA2
- DAF0B5
- E3F4C8
- ECF8DB
- F6FBED
Koyu tonlar
- 8FBA0C
- 799E09
- 658406
- 516A04
- 3D5202
- 2B3B01
- 1A2500
- 0A1000
- 010200
Gri tonlar
- A1CD33
- 9DC544
- 9ABC51
- 96B45C
- 92AB64
- 8FA36B
- 8B9A71
- 879177
- 84897C
Renk uyumları
Tamamlayıcı +180°
- A5D610
Sabz Green
- D3AEFF
≈ Teasel Dipsacus
Analog -30° +30°
- A5D610
Sabz Green
- E4BF00
≈ Lilikoi
- 0AE685
≈ Weird Green
Üçlü +120° +240°
- A5D610
Sabz Green
- 88C9FF
≈ Platonic Blue
- FFA2B8
≈ Amélie’s Tutu
Bölünmüş tamamlayıcı +150° +210°
- A5D610
Sabz Green
- AFBDFF
≈ Dried Lilac
- FF98EA
≈ Pink Elephants
Dörtlü +90° +180° +270°
- A5D610
Sabz Green
- 00D8FA
≈ Neon Blue
- D3AEFF
≈ Teasel Dipsacus
- FFA892
≈ Frozen Salmon
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.71:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.22:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.22:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--sabz-green: #a5d610;
--sabz-green-rgb: 165 214 16;
--sabz-green-oklch: oklch(0.812 0.201 124.7);
}
.element {
color: var(--sabz-green);
background-color: hsl(75 86% 45%);
border-color: oklch(0.812 0.201 124.7);
}Tailwind CSS v4
@theme {
--color-sabz-green: #a5d610;
--color-sabz-green-50: #e6ffc2;
--color-sabz-green-100: #d6f5ac;
--color-sabz-green-200: #bee484;
--color-sabz-green-300: #9cc94d;
--color-sabz-green-400: #84b100;
--color-sabz-green-500: #699900;
--color-sabz-green-600: #598200;
--color-sabz-green-700: #476800;
--color-sabz-green-800: #364c00;
--color-sabz-green-900: #253500;
--color-sabz-green-950: #142000;
}SCSS
$sabz-green: #a5d610;
$sabz-green-rgb: 165, 214, 16;
$sabz-green-light: mix(#fff, $sabz-green, 20%);
$sabz-green-dark: mix(#000, $sabz-green, 20%);
.element {
color: $sabz-green;
box-shadow: 0 0 0 2px rgba($sabz-green, 0.35);
}