Nazwany kolor · #4E5541
Lunar Green
Lunar Green to #4E5541: rgb(78 85 65), hsl(81 13% 29%), oklch(0.437 0.033 123.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Lunar Green color name →
#4E5541
oklch(0.437 0.033 123.4)
Konwersje koloru
- HEX
- #4e5541
- RGB
- rgb(78 85 65)
- HSL
- hsl(81 13% 29%)
- HWB
- hwb(81 25% 67%)
- OKLCH
- oklch(0.437 0.033 123.4)
- OKLab
- oklab(0.437 -0.018 0.027)
- CIE Lab
- lab(35.06 -5.92 10.74)
- LCH
- lch(35.06 12.26 118.9)
- CMYK
- cmyk(8% 0% 24% 67%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5E6452
- 6E7464
- 7F8576
- 909588
- A2A69B
- B4B7AE
- C6C9C2
- D9DBD6
- ECEDEA
Odcienie ciemniejsze
- 434937
- 383D2E
- 2D3125
- 23261C
- 191C13
- 0F110B
- 070805
- 020201
- 000000
Tony
- 535947
- 585D4D
- 5D6253
- 61665A
- 666A60
- 6B6F66
- 71736D
- 767773
- 7B7C79
Harmonie kolorów
Komplementarna +180°
- 4E5541
Lunar Green
- 554E61
≈ Illusionist
Analogowa -30° +30°
- 4E5541
Lunar Green
- 58523D
≈ Pure Woody
- 445749
≈ Vinca & Vine
Triada +120° +240°
- 4E5541
Lunar Green
- 425463
≈ Twilight Chimes
- 624A50
≈ Gǔ Tóng Hēi Copper
Komplementarna rozszczepiona +150° +210°
- 4E5541
Lunar Green
- 4C5164
≈ Voyager
- 5D4B59
≈ Purple Fury
Tetrada +90° +180° +270°
- 4E5541
Lunar Green
- 3D575D
≈ Prussian
- 554E61
≈ Illusionist
- 634B46
≈ French Roast
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.77:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.69:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.77:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--lunar-green: #4e5541;
--lunar-green-rgb: 78 85 65;
--lunar-green-oklch: oklch(0.437 0.033 123.4);
}
.element {
color: var(--lunar-green);
background-color: hsl(81 13% 29%);
border-color: oklch(0.437 0.033 123.4);
}Tailwind CSS v4
@theme {
--color-lunar-green: #4e5541;
--color-lunar-green-50: #f3f7ed;
--color-lunar-green-100: #e5eade;
--color-lunar-green-200: #d1d7c8;
--color-lunar-green-300: #b3bba9;
--color-lunar-green-400: #9aa28d;
--color-lunar-green-500: #828a72;
--color-lunar-green-600: #6e7561;
--color-lunar-green-700: #585d4d;
--color-lunar-green-800: #404438;
--color-lunar-green-900: #2c2f26;
--color-lunar-green-950: #191c14;
}SCSS
$lunar-green: #4e5541;
$lunar-green-rgb: 78, 85, 65;
$lunar-green-light: mix(#fff, $lunar-green, 20%);
$lunar-green-dark: mix(#000, $lunar-green, 20%);
.element {
color: $lunar-green;
box-shadow: 0 0 0 2px rgba($lunar-green, 0.35);
}