Colore con nome · #75946B
Reseda Green
Reseda Green è #75946B: rgb(117 148 107), hsl(105 16% 50%), oklch(0.632 0.069 138.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Reseda Green color name →
#75946B
oklch(0.632 0.069 138.2)
Conversioni di colore
- HEX
- #75946b
- RGB
- rgb(117 148 107)
- HSL
- hsl(105 16% 50%)
- HWB
- hwb(105 42% 42%)
- OKLCH
- oklch(0.632 0.069 138.2)
- OKLab
- oklab(0.632 -0.052 0.046)
- CIE Lab
- lab(58.11 -17.36 18.06)
- LCH
- lch(58.11 25.05 133.9)
- CMYK
- cmyk(21% 0% 28% 42%)
Tinte · Ombre · Toni
Tinte
- 829E79
- 8FA987
- 9DB396
- AABEA4
- B8C9B3
- C6D3C2
- D4DED1
- E2E9E0
- F1F4EF
Ombre
- 65805C
- 556D4E
- 465A3F
- 374832
- 293625
- 1C2618
- 0F160D
- 050804
- 010100
Toni
- 76926D
- 779070
- 798E72
- 7A8C74
- 7B8A76
- 7C8878
- 7D867A
- 7E847C
- 7F827E
Armonie di colore
Complementare +180°
- 75946B
Reseda Green
- 9C7DA5
≈ Lilac Intuition
Analogo -30° +30°
- 75946B
Reseda Green
- 8D8D5B
≈ Green Olive
- 5E9782
≈ Succulent Green
Triadico +120° +240°
- 75946B
Reseda Green
- 708BB4
≈ Windsurf Blue
- B0797A
≈ Taffeta Darling
Complementare divisa +150° +210°
- 75946B
Reseda Green
- 8783B2
≈ Aster Purple
- AA7991
≈ Cipher
Tetradico +90° +180° +270°
- 75946B
Reseda Green
- 5B92AB
≈ Blue Persia
- 9C7DA5
≈ Lilac Intuition
- AD7D65
≈ Teddy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.38:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.20:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.20:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--reseda-green: #75946b;
--reseda-green-rgb: 117 148 107;
--reseda-green-oklch: oklch(0.632 0.069 138.2);
}
.element {
color: var(--reseda-green);
background-color: hsl(105 16% 50%);
border-color: oklch(0.632 0.069 138.2);
}Tailwind CSS v4
@theme {
--color-reseda-green: #75946b;
--color-reseda-green-50: #ebfae8;
--color-reseda-green-100: #dceed8;
--color-reseda-green-200: #c5dcc0;
--color-reseda-green-300: #a5c19f;
--color-reseda-green-400: #8aa981;
--color-reseda-green-500: #6f9164;
--color-reseda-green-600: #5e7b55;
--color-reseda-green-700: #4b6244;
--color-reseda-green-800: #374830;
--color-reseda-green-900: #263220;
--color-reseda-green-950: #141e10;
}SCSS
$reseda-green: #75946b;
$reseda-green-rgb: 117, 148, 107;
$reseda-green-light: mix(#fff, $reseda-green, 20%);
$reseda-green-dark: mix(#000, $reseda-green, 20%);
.element {
color: $reseda-green;
box-shadow: 0 0 0 2px rgba($reseda-green, 0.35);
}