Colore con nome · #7F9E5B
Verdant Serenade
Verdant Serenade è #7F9E5B: rgb(127 158 91), hsl(88 27% 49%), oklch(0.659 0.099 129.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Verdant Serenade color name →
#7F9E5B
oklch(0.659 0.099 129.1)
Conversioni di colore
- HEX
- #7f9e5b
- RGB
- rgb(127 158 91)
- HSL
- hsl(88 27% 49%)
- HWB
- hwb(88 36% 38%)
- OKLCH
- oklch(0.659 0.099 129.1)
- OKLab
- oklab(0.659 -0.062 0.077)
- CIE Lab
- lab(61.54 -20.06 31.25)
- LCH
- lch(61.54 37.14 122.7)
- CMYK
- cmyk(20% 0% 42% 38%)
Tinte · Ombre · Toni
Tinte
- 8BA86B
- 97B17C
- A4BB8C
- B0C49C
- BDCEAC
- CAD8BD
- D7E2CD
- E4EBDE
- F2F5EE
Ombre
- 6E894E
- 5D7441
- 4C6035
- 3C4D29
- 2D3A1E
- 1F2913
- 111809
- 060903
- 010100
Toni
- 7F9B60
- 7F9864
- 7F9568
- 80926C
- 808F70
- 808C73
- 808976
- 80867A
- 80837D
Armonie di colore
Complementare +180°
- 7F9E5B
Verdant Serenade
- A481C0
≈ Lilac Purple
Analogo -30° +30°
- 7F9E5B
Verdant Serenade
- A19346
≈ Lentil Sprout
- 57A57C
≈ Shamrock Green
Triadico +120° +240°
- 7F9E5B
Verdant Serenade
- 6097CC
≈ Quiet Bay
- C67885
≈ Old Pink
Complementare divisa +150° +210°
- 7F9E5B
Verdant Serenade
- 858BCE
≈ True Lavender
- BA7AA6
≈ Hollyhock Blossom Pink
Tetradico +90° +180° +270°
- 7F9E5B
Verdant Serenade
- 3CA0BB
≈ Aquatic Cool
- A481C0
≈ Lilac Purple
- C67C64
≈ Gold Pheasant
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.02:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.94:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 6.94:1 (AA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--verdant-serenade: #7f9e5b;
--verdant-serenade-rgb: 127 158 91;
--verdant-serenade-oklch: oklch(0.659 0.099 129.1);
}
.element {
color: var(--verdant-serenade);
background-color: hsl(88 27% 49%);
border-color: oklch(0.659 0.099 129.1);
}Tailwind CSS v4
@theme {
--color-verdant-serenade: #7f9e5b;
--color-verdant-serenade-50: #ebfcde;
--color-verdant-serenade-100: #dcefcd;
--color-verdant-serenade-200: #c6deb2;
--color-verdant-serenade-300: #a6c28d;
--color-verdant-serenade-400: #8caa6a;
--color-verdant-serenade-500: #719348;
--color-verdant-serenade-600: #607c3e;
--color-verdant-serenade-700: #4d6331;
--color-verdant-serenade-800: #394921;
--color-verdant-serenade-900: #273216;
--color-verdant-serenade-950: #151e07;
}SCSS
$verdant-serenade: #7f9e5b;
$verdant-serenade-rgb: 127, 158, 91;
$verdant-serenade-light: mix(#fff, $verdant-serenade, 20%);
$verdant-serenade-dark: mix(#000, $verdant-serenade, 20%);
.element {
color: $verdant-serenade;
box-shadow: 0 0 0 2px rgba($verdant-serenade, 0.35);
}