Colore con nome · #7E8424
Trendy Green
Trendy Green è #7E8424: rgb(126 132 36), hsl(64 57% 33%), oklch(0.59 0.116 113). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Trendy Green color name →
#7E8424
oklch(0.59 0.116 113)
Conversioni di colore
- HEX
- #7e8424
- RGB
- rgb(126 132 36)
- HSL
- hsl(64 57% 33%)
- HWB
- hwb(64 14% 48%)
- OKLCH
- oklch(0.59 0.116 113)
- OKLab
- oklab(0.59 -0.045 0.107)
- CIE Lab
- lab(53.27 -11.56 47.8)
- LCH
- lch(53.27 49.17 103.6)
- CMYK
- cmyk(5% 0% 73% 48%)
Tinte · Ombre · Toni
Tinte
- 8A903F
- 969C56
- A2A86C
- AFB481
- BCC196
- C9CDAB
- D6D9BF
- E4E6D4
- F1F2EA
Ombre
- 6D721E
- 5C6018
- 4C4F12
- 3C3F0C
- 2D2F07
- 1F2004
- 111202
- 050600
- 010100
Toni
- 7E8433
- 7E843E
- 7E8348
- 7E8352
- 7F835A
- 7F8262
- 7F826A
- 7F8172
- 808179
Armonie di colore
Complementare +180°
- 7E8424
Trendy Green
- 806FBC
≈ Venus Violet
Analogo -30° +30°
- 7E8424
Trendy Green
- 9F7612
≈ Barbarian Leather
- 508F4D
≈ Virgo Green Goddess
Triadico +120° +240°
- 7E8424
Trendy Green
- 1688B7
≈ Mermaid Dreams
- B15E83
≈ Guppy Violet
Complementare divisa +150° +210°
- 7E8424
Trendy Green
- 587BC2
≈ Blue Iolite
- 9E64A5
≈ Royal Pretender
Tetradico +90° +180° +270°
- 7E8424
Trendy Green
- 008E98
≈ Tempo Teal
- 806FBC
≈ Venus Violet
- B85F5C
≈ Energy Peak
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.02:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.21:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.21:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--trendy-green: #7e8424;
--trendy-green-rgb: 126 132 36;
--trendy-green-oklch: oklch(0.59 0.116 113);
}
.element {
color: var(--trendy-green);
background-color: hsl(64 57% 33%);
border-color: oklch(0.59 0.116 113);
}Tailwind CSS v4
@theme {
--color-trendy-green: #7e8424;
--color-trendy-green-50: #f3fad4;
--color-trendy-green-100: #e6edc1;
--color-trendy-green-200: #d2dba2;
--color-trendy-green-300: #b5bf79;
--color-trendy-green-400: #9fa650;
--color-trendy-green-500: #878e1e;
--color-trendy-green-600: #72781d;
--color-trendy-green-700: #5b6017;
--color-trendy-green-800: #44460c;
--color-trendy-green-900: #2f3008;
--color-trendy-green-950: #1c1c00;
}SCSS
$trendy-green: #7e8424;
$trendy-green-rgb: 126, 132, 36;
$trendy-green-light: mix(#fff, $trendy-green, 20%);
$trendy-green-dark: mix(#000, $trendy-green, 20%);
.element {
color: $trendy-green;
box-shadow: 0 0 0 2px rgba($trendy-green, 0.35);
}