Colore con nome · #4C574B
Deep Evergreen
Deep Evergreen è #4C574B: rgb(76 87 75), hsl(115 7% 32%), oklch(0.443 0.024 142.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Deep Evergreen color name →
#4C574B
oklch(0.443 0.024 142.9)
Conversioni di colore
- HEX
- #4c574b
- RGB
- rgb(76 87 75)
- HSL
- hsl(115 7% 32%)
- HWB
- hwb(115 29% 66%)
- OKLCH
- oklch(0.443 0.024 142.9)
- OKLab
- oklab(0.443 -0.019 0.014)
- CIE Lab
- lab(35.73 -6.46 5.47)
- LCH
- lch(35.73 8.46 139.7)
- CMYK
- cmyk(13% 0% 14% 66%)
Tinte · Ombre · Toni
Tinte
- 5C665B
- 6D766C
- 7E867D
- 8F968E
- A1A7A0
- B3B8B3
- C6C9C5
- D8DBD8
- ECEDEB
Ombre
- 414B40
- 363E35
- 2C332B
- 222721
- 181C17
- 0F120E
- 060806
- 020302
- 000000
Toni
- 515B50
- 565F55
- 5B635A
- 606760
- 666B65
- 6B6F6A
- 707370
- 757875
- 7B7C7B
Armonie di colore
Complementare +180°
- 4C574B
Deep Evergreen
- 5A4F5B
≈ Purple Fury
Analogo -30° +30°
- 4C574B
Deep Evergreen
- 535546
≈ Deep Depths
- 465852
≈ Mariana Trench
Triadico +120° +240°
- 4C574B
Deep Evergreen
- 4C5461
≈ Dark Sea
- 604F4D
≈ Spanish Raisin
Complementare divisa +150° +210°
- 4C574B
Deep Evergreen
- 545160
≈ Black Orchid
- 5E4E55
≈ Quail Hollow
Tetradico +90° +180° +270°
- 4C574B
Deep Evergreen
- 47565F
≈ Good Night!
- 5A4F5B
≈ Purple Fury
- 5E5047
≈ Black Walnut
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.57:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.77:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.57:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--deep-evergreen: #4c574b;
--deep-evergreen-rgb: 76 87 75;
--deep-evergreen-oklch: oklch(0.443 0.024 142.9);
}
.element {
color: var(--deep-evergreen);
background-color: hsl(115 7% 32%);
border-color: oklch(0.443 0.024 142.9);
}Tailwind CSS v4
@theme {
--color-deep-evergreen: #4c574b;
--color-deep-evergreen-50: #f1f7f1;
--color-deep-evergreen-100: #e3eae3;
--color-deep-evergreen-200: #ced7ce;
--color-deep-evergreen-300: #b0bbb0;
--color-deep-evergreen-400: #97a295;
--color-deep-evergreen-500: #7d8a7c;
--color-deep-evergreen-600: #6a7569;
--color-deep-evergreen-700: #555e54;
--color-deep-evergreen-800: #3e453d;
--color-deep-evergreen-900: #2b2f2a;
--color-deep-evergreen-950: #181c17;
}SCSS
$deep-evergreen: #4c574b;
$deep-evergreen-rgb: 76, 87, 75;
$deep-evergreen-light: mix(#fff, $deep-evergreen, 20%);
$deep-evergreen-dark: mix(#000, $deep-evergreen, 20%);
.element {
color: $deep-evergreen;
box-shadow: 0 0 0 2px rgba($deep-evergreen, 0.35);
}