Adlandırılmış renk · #86AF38
Young Bud
Young Bud, #86AF38: rgb(134 175 56), hsl(81 52% 45%), oklch(0.701 0.153 126.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? → · Young Bud color name →
#86AF38
oklch(0.701 0.153 126.5)
Renk dönüşümleri
- HEX
- #86af38
- RGB
- rgb(134 175 56)
- HSL
- hsl(81 52% 45%)
- HWB
- hwb(81 22% 31%)
- OKLCH
- oklch(0.701 0.153 126.5)
- OKLab
- oklab(0.701 -0.091 0.123)
- CIE Lab
- lab(66.73 -27.59 53.45)
- LCH
- lch(66.73 60.15 117.3)
- CMYK
- cmyk(23% 0% 68% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 91B751
- 9DBF67
- A9C77B
- B5D08F
- C1D8A2
- CDE0B4
- D9E7C7
- E6EFDA
- F2F7EC
Koyu tonlar
- 74982F
- 628127
- 516B1F
- 405617
- 30410F
- 212E08
- 131C04
- 060B01
- 010100
Gri tonlar
- 85AA44
- 85A64E
- 84A156
- 849D5E
- 839865
- 83936B
- 828F71
- 818A76
- 81857B
Renk uyumları
Tamamlayıcı +180°
- 86AF38
Young Bud
- B783E8
≈ Lavender Blossom
Analog -30° +30°
- 86AF38
Young Bud
- B99D00
≈ Perennial
- 31BA76
≈ Ceramic Green
Üçlü +120° +240°
- 86AF38
Young Bud
- 3EA5F7
≈ Rockman Blue
- EB718F
≈ Loveland
Bölünmüş tamamlayıcı +150° +210°
- 86AF38
Young Bud
- 8794FC
≈ Periwinkle Blue
- D976C2
≈ Explicit Pink
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.56:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.20:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.20:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--young-bud: #86af38;
--young-bud-rgb: 134 175 56;
--young-bud-oklch: oklch(0.701 0.153 126.5);
}
.element {
color: var(--young-bud);
background-color: hsl(81 52% 45%);
border-color: oklch(0.701 0.153 126.5);
}Tailwind CSS v4
@theme {
--color-young-bud: #86af38;
--color-young-bud-50: #e8fed0;
--color-young-bud-100: #d9f2bc;
--color-young-bud-200: #c1e19b;
--color-young-bud-300: #a0c66f;
--color-young-bud-400: #87ae40;
--color-young-bud-500: #6c9700;
--color-young-bud-600: #5b8000;
--color-young-bud-700: #496600;
--color-young-bud-800: #374b00;
--color-young-bud-900: #263400;
--color-young-bud-950: #141f00;
}SCSS
$young-bud: #86af38;
$young-bud-rgb: 134, 175, 56;
$young-bud-light: mix(#fff, $young-bud, 20%);
$young-bud-dark: mix(#000, $young-bud, 20%);
.element {
color: $young-bud;
box-shadow: 0 0 0 2px rgba($young-bud, 0.35);
}