Adlandırılmış renk · #659C35
Radiant Foliage
Radiant Foliage, #659C35: rgb(101 156 53), hsl(92 49% 41%), oklch(0.633 0.147 133.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Radiant Foliage color name →
#659C35
oklch(0.633 0.147 133.1)
Renk dönüşümleri
- HEX
- #659c35
- RGB
- rgb(101 156 53)
- HSL
- hsl(92 49% 41%)
- HWB
- hwb(92 21% 39%)
- OKLCH
- oklch(0.633 0.147 133.1)
- OKLab
- oklab(0.633 -0.1 0.107)
- CIE Lab
- lab(58.92 -32.05 45.93)
- LCH
- lch(58.92 56 124.9)
- CMYK
- cmyk(35% 0% 66% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 74A64D
- 83B062
- 92BA76
- A1C48A
- B1CE9D
- C0D8B1
- D0E1C4
- DFEBD8
- EFF5EB
Koyu tonlar
- 57872D
- 497325
- 3C5F1D
- 2F4C15
- 22390E
- 172808
- 0C1803
- 030901
- 000100
Gri tonlar
- 689940
- 6B974A
- 6E9452
- 71925A
- 748F61
- 768C68
- 79896E
- 7B8674
- 7E837A
Renk uyumları
Tamamlayıcı +180°
- 659C35
Radiant Foliage
- A96CC8
≈ Rich Lavender
Analog -30° +30°
- 659C35
Radiant Foliage
- 998C00
≈ Smoothie Green
- 00A372
≈ Bejewelled
Üçlü +120° +240°
- 659C35
Radiant Foliage
- 418CE0
≈ Oregon Blue
- D35F70
≈ Berrylicious
Bölünmüş tamamlayıcı +150° +210°
- 659C35
Radiant Foliage
- 7F7BDF
≈ Tanzine
- C562A1
≈ Young Purple
Dörtlü +90° +180° +270°
- 659C35
Radiant Foliage
- 0099BE
≈ Serene Blue
- A96CC8
≈ Rich Lavender
- D16739
≈ Koi
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.30:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.36:1 · APCA Lc 41
En iyi metin rengi: #000000
WCAG 6.36:1 (AA) · APCA Lc 41
Contrast pairs
Kod parçacıkları
CSS
:root {
--radiant-foliage: #659c35;
--radiant-foliage-rgb: 101 156 53;
--radiant-foliage-oklch: oklch(0.633 0.147 133.1);
}
.element {
color: var(--radiant-foliage);
background-color: hsl(92 49% 41%);
border-color: oklch(0.633 0.147 133.1);
}Tailwind CSS v4
@theme {
--color-radiant-foliage: #659c35;
--color-radiant-foliage-50: #e3ffd5;
--color-radiant-foliage-100: #d3f4c3;
--color-radiant-foliage-200: #b9e3a4;
--color-radiant-foliage-300: #96c87b;
--color-radiant-foliage-400: #7bb051;
--color-radiant-foliage-500: #5d9920;
--color-radiant-foliage-600: #4f821e;
--color-radiant-foliage-700: #3f6818;
--color-radiant-foliage-800: #304c0b;
--color-radiant-foliage-900: #203507;
--color-radiant-foliage-950: #102000;
}SCSS
$radiant-foliage: #659c35;
$radiant-foliage-rgb: 101, 156, 53;
$radiant-foliage-light: mix(#fff, $radiant-foliage, 20%);
$radiant-foliage-dark: mix(#000, $radiant-foliage, 20%);
.element {
color: $radiant-foliage;
box-shadow: 0 0 0 2px rgba($radiant-foliage, 0.35);
}