Colore con nome · #50702D
Loren Forest
Loren Forest è #50702D: rgb(80 112 45), hsl(89 43% 31%), oklch(0.505 0.102 130.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Loren Forest color name →
#50702D
oklch(0.505 0.102 130.6)
Conversioni di colore
- HEX
- #50702d
- RGB
- rgb(80 112 45)
- HSL
- hsl(89 43% 31%)
- HWB
- hwb(89 18% 56%)
- OKLCH
- oklch(0.505 0.102 130.6)
- OKLab
- oklab(0.505 -0.066 0.077)
- CIE Lab
- lab(43.59 -21.07 32.61)
- LCH
- lch(43.59 38.83 122.9)
- CMYK
- cmyk(29% 0% 60% 56%)
Tinte · Ombre · Toni
Tinte
- 607E42
- 708B57
- 81996B
- 92A780
- A4B694
- B5C4A9
- C7D3BE
- DAE1D3
- ECF0E9
Ombre
- 446026
- 39511F
- 2E4318
- 243511
- 1A270B
- 101A06
- 070E02
- 020401
- 000100
Toni
- 557237
- 5A7440
- 5E7549
- 637751
- 687959
- 6D7A61
- 727C69
- 767D71
- 7B7F78
Armonie di colore
Complementare +180°
- 50702D
Loren Forest
- 77538F
≈ Ninja Princess
Analogo -30° +30°
- 50702D
Loren Forest
- 726509
≈ Spicy Mustard
- 1D7651
≈ Greasy Greens
Triadico +120° +240°
- 50702D
Loren Forest
- 33679C
≈ Summerday Blue
- 954956
≈ Kirsch Red
Complementare divisa +150° +210°
- 50702D
Loren Forest
- 5A5D9D
≈ Violet Storm
- 8B4C76
≈ Sugar Plum
Tetradico +90° +180° +270°
- 50702D
Loren Forest
- 007089
≈ Blue Jay Crest
- 77538F
≈ Ninja Princess
- 954E34
≈ Japanese Cypress
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.68:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.69:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.68:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--loren-forest: #50702d;
--loren-forest-rgb: 80 112 45;
--loren-forest-oklch: oklch(0.505 0.102 130.6);
}
.element {
color: var(--loren-forest);
background-color: hsl(89 43% 31%);
border-color: oklch(0.505 0.102 130.6);
}Tailwind CSS v4
@theme {
--color-loren-forest: #50702d;
--color-loren-forest-50: #eafcde;
--color-loren-forest-100: #dbf0cd;
--color-loren-forest-200: #c4deb2;
--color-loren-forest-300: #a4c38d;
--color-loren-forest-400: #8aab6a;
--color-loren-forest-500: #6f9448;
--color-loren-forest-600: #5e7d3e;
--color-loren-forest-700: #4b6431;
--color-loren-forest-800: #384921;
--color-loren-forest-900: #263316;
--color-loren-forest-950: #141e07;
}SCSS
$loren-forest: #50702d;
$loren-forest-rgb: 80, 112, 45;
$loren-forest-light: mix(#fff, $loren-forest, 20%);
$loren-forest-dark: mix(#000, $loren-forest, 20%);
.element {
color: $loren-forest;
box-shadow: 0 0 0 2px rgba($loren-forest, 0.35);
}