Adlandırılmış renk · #045E17
Evergreen Shade
Evergreen Shade, #045E17: rgb(4 94 23), hsl(133 92% 19%), oklch(0.42 0.129 145). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Evergreen Shade color name →
#045E17
oklch(0.42 0.129 145)
Renk dönüşümleri
- HEX
- #045e17
- RGB
- rgb(4 94 23)
- HSL
- hsl(133 92% 19%)
- HWB
- hwb(133 2% 63%)
- OKLCH
- oklch(0.42 0.129 145)
- OKLab
- oklab(0.42 -0.106 0.074)
- CIE Lab
- lab(34.2 -36.53 31.72)
- LCH
- lch(34.2 48.38 139)
- CMYK
- cmyk(96% 0% 76% 63%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2A6D30
- 437D46
- 5B8D5C
- 729D72
- 89AD89
- A0BDA0
- B7CDB7
- CFDECF
- E7EEE7
Koyu tonlar
- 035112
- 02440E
- 01370A
- 012B06
- 001F04
- 001402
- 000A01
- 000300
- 000000
Gri tonlar
- 1D6224
- 2C6530
- 38693B
- 436D45
- 4E704F
- 597359
- 637763
- 6C7A6C
- 767D76
Renk uyumları
Tamamlayıcı +180°
- 045E17
Evergreen Shade
- 6F2E73
≈ Galactic Grapevine
Analog -30° +30°
- 045E17
Evergreen Shade
- 4C5200
≈ Highlands Moss
- 005B4A
≈ Forest Shadows
Üçlü +120° +240°
- 045E17
Evergreen Shade
- 294793
≈ Cascade Twilight
- 852726
≈ Flame Red
Bölünmüş tamamlayıcı +150° +210°
- 045E17
Evergreen Shade
- 543A8B
≈ Ruthless Empress
- 7F2650
≈ Pico Eggplant
Dörtlü +90° +180° +270°
- 045E17
Evergreen Shade
- 005476
≈ World Peace
- 6F2E73
≈ Galactic Grapevine
- 773A00
≈ Red Beech
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.01:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.61:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 8.01:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--evergreen-shade: #045e17;
--evergreen-shade-rgb: 4 94 23;
--evergreen-shade-oklch: oklch(0.42 0.129 145);
}
.element {
color: var(--evergreen-shade);
background-color: hsl(133 92% 19%);
border-color: oklch(0.42 0.129 145);
}Tailwind CSS v4
@theme {
--color-evergreen-shade: #045e17;
--color-evergreen-shade-50: #deffe0;
--color-evergreen-shade-100: #ccf4cf;
--color-evergreen-shade-200: #b0e4b4;
--color-evergreen-shade-300: #8aca91;
--color-evergreen-shade-400: #6ab26d;
--color-evergreen-shade-500: #469c4c;
--color-evergreen-shade-600: #3c8441;
--color-evergreen-shade-700: #306a34;
--color-evergreen-shade-800: #244d22;
--color-evergreen-shade-900: #183617;
--color-evergreen-shade-950: #082108;
}SCSS
$evergreen-shade: #045e17;
$evergreen-shade-rgb: 4, 94, 23;
$evergreen-shade-light: mix(#fff, $evergreen-shade, 20%);
$evergreen-shade-dark: mix(#000, $evergreen-shade, 20%);
.element {
color: $evergreen-shade;
box-shadow: 0 0 0 2px rgba($evergreen-shade, 0.35);
}