Adlandırılmış renk · #79B465
Bud Green
Bud Green, #79B465: rgb(121 180 101), hsl(105 34% 55%), oklch(0.71 0.126 138.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Bud Green color name →
#79B465
oklch(0.71 0.126 138.2)
Renk dönüşümleri
- HEX
- #79b465
- RGB
- rgb(121 180 101)
- HSL
- hsl(105 34% 55%)
- HWB
- hwb(105 40% 29%)
- OKLCH
- oklch(0.71 0.126 138.2)
- OKLab
- oklab(0.71 -0.094 0.084)
- CIE Lab
- lab(67.85 -31.18 33.86)
- LCH
- lch(67.85 46.03 132.6)
- CMYK
- cmyk(33% 0% 44% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 86BC75
- 94C384
- A1CB94
- AED2A3
- BCDAB2
- C9E1C1
- D6E9D1
- E4F0E0
- F1F8EF
Koyu tonlar
- 689C57
- 588549
- 486E3C
- 39582F
- 2B4422
- 1D3017
- 101D0C
- 050C03
- 010200
Gri tonlar
- 7AAF69
- 7BAA6C
- 7CA56F
- 7D9F72
- 7E9A75
- 7F9577
- 7F907A
- 808B7C
- 80857E
Renk uyumları
Tamamlayıcı +180°
- 79B465
Bud Green
- C287D4
≈ Purception
Analog -30° +30°
- 79B465
Bud Green
- A9A73F
≈ Delightful Camouflage
- 3ABA93
≈ Mountain Meadow
Üçlü +120° +240°
- 79B465
Bud Green
- 6FA3EF
≈ Feather Star
- E57F83
≈ Sugar Poppy
Bölünmüş tamamlayıcı +150° +210°
- 79B465
Bud Green
- 9E94EB
≈ Dull Lavender
- DB80AF
≈ Middle Purple
Dörtlü +90° +180° +270°
- 79B465
Bud Green
- 31B0DF
≈ Summer Sky
- C287D4
≈ Purception
- E08858
≈ Schnipo
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.46:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.52:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--bud-green: #79b465;
--bud-green-rgb: 121 180 101;
--bud-green-oklch: oklch(0.71 0.126 138.2);
}
.element {
color: var(--bud-green);
background-color: hsl(105 34% 55%);
border-color: oklch(0.71 0.126 138.2);
}Tailwind CSS v4
@theme {
--color-bud-green: #79b465;
--color-bud-green-50: #e3ffdd;
--color-bud-green-100: #d2f3cb;
--color-bud-green-200: #b8e2af;
--color-bud-green-300: #95c88a;
--color-bud-green-400: #78b065;
--color-bud-green-500: #599942;
--color-bud-green-600: #4c8139;
--color-bud-green-700: #3c682d;
--color-bud-green-800: #2d4c1d;
--color-bud-green-900: #1e3513;
--color-bud-green-950: #0e2005;
}SCSS
$bud-green: #79b465;
$bud-green-rgb: 121, 180, 101;
$bud-green-light: mix(#fff, $bud-green, 20%);
$bud-green-dark: mix(#000, $bud-green, 20%);
.element {
color: $bud-green;
box-shadow: 0 0 0 2px rgba($bud-green, 0.35);
}