Adlandırılmış renk · #95BE76
Leticiaz
Leticiaz, #95BE76: rgb(149 190 118), hsl(94 36% 60%), oklch(0.754 0.107 132.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Leticiaz color name →
#95BE76
oklch(0.754 0.107 132.6)
Renk dönüşümleri
- HEX
- #95be76
- RGB
- rgb(149 190 118)
- HSL
- hsl(94 36% 60%)
- HWB
- hwb(94 46% 25%)
- OKLCH
- oklch(0.754 0.107 132.6)
- OKLab
- oklab(0.754 -0.073 0.079)
- CIE Lab
- lab(72.69 -23.85 31.74)
- LCH
- lch(72.69 39.7 126.9)
- CMYK
- cmyk(22% 0% 38% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9FC584
- AACB92
- B4D29F
- BFD8AD
- C9DFBB
- D4E5C8
- DFECD6
- E9F2E3
- F4F9F1
Koyu tonlar
- 81A566
- 6D8C56
- 5A7547
- 485E38
- 374829
- 26331C
- 161F0F
- 080D05
- 010201
Gri tonlar
- 93B878
- 91B279
- 8FAB7B
- 8DA57C
- 8B9F7D
- 89997E
- 87937F
- 848C7F
- 828680
Renk uyumları
Tamamlayıcı +180°
- 95BE76
Leticiaz
- C79BE0
≈ Somewhere in a Fairytale
Analog -30° +30°
- 95BE76
Leticiaz
- BCB25D
≈ Spring Marsh
- 69C59B
≈ Intense Jade
Üçlü +120° +240°
- 95BE76
Leticiaz
- 7DB3F2
≈ Fly Away
- EB929C
≈ Peony
Bölünmüş tamamlayıcı +150° +210°
- 95BE76
Leticiaz
- A5A7F2
≈ Shy Moment
- DF94C2
≈ Firm Pink
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.12:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.90:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--leticiaz: #95be76;
--leticiaz-rgb: 149 190 118;
--leticiaz-oklch: oklch(0.754 0.107 132.6);
}
.element {
color: var(--leticiaz);
background-color: hsl(94 36% 60%);
border-color: oklch(0.754 0.107 132.6);
}Tailwind CSS v4
@theme {
--color-leticiaz: #95be76;
--color-leticiaz-50: #e8fdde;
--color-leticiaz-100: #d9f0cd;
--color-leticiaz-200: #c1dfb1;
--color-leticiaz-300: #a0c48c;
--color-leticiaz-400: #86ac69;
--color-leticiaz-500: #6a9546;
--color-leticiaz-600: #5a7e3d;
--color-leticiaz-700: #486530;
--color-leticiaz-800: #354a20;
--color-leticiaz-900: #243315;
--color-leticiaz-950: #131f07;
}SCSS
$leticiaz: #95be76;
$leticiaz-rgb: 149, 190, 118;
$leticiaz-light: mix(#fff, $leticiaz, 20%);
$leticiaz-dark: mix(#000, $leticiaz, 20%);
.element {
color: $leticiaz;
box-shadow: 0 0 0 2px rgba($leticiaz, 0.35);
}