Colore con nome · #5B976A
Endless
Endless è #5B976A: rgb(91 151 106), hsl(135 25% 47%), oklch(0.623 0.093 151). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Endless color name →
#5B976A
oklch(0.623 0.093 151)
Conversioni di colore
- HEX
- #5b976a
- RGB
- rgb(91 151 106)
- HSL
- hsl(135 25% 47%)
- HWB
- hwb(135 36% 41%)
- OKLCH
- oklch(0.623 0.093 151)
- OKLab
- oklab(0.623 -0.081 0.045)
- CIE Lab
- lab(57.45 -28 17.41)
- LCH
- lch(57.45 32.97 148.1)
- CMYK
- cmyk(40% 0% 30% 41%)
Tinte · Ombre · Toni
Tinte
- 6CA178
- 7CAB86
- 8CB695
- 9CC0A4
- ADCAB2
- BDD5C1
- CDDFD1
- DEEAE0
- EEF4EF
Ombre
- 4E835B
- 416F4D
- 355C3F
- 294931
- 1E3724
- 132618
- 09170D
- 030804
- 000100
Toni
- 60956C
- 64936F
- 689071
- 6C8E73
- 708C76
- 738A78
- 77877A
- 7A857C
- 7D827E
Armonie di colore
Complementare +180°
- 5B976A
Endless
- A772A1
≈ Orchid Kiss
Analogo -30° +30°
- 5B976A
Endless
- 7F904E
≈ Camo
- 39998A
≈ Temple Guard Blue
Triadico +120° +240°
- 5B976A
Endless
- 7284BF
≈ Orbital
- B87164
≈ Morocco
Complementare divisa +150° +210°
- 5B976A
Endless
- 907AB6
≈ Royal Raul
- B56F84
≈ Tapestry
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.45:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.07:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.07:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--endless: #5b976a;
--endless-rgb: 91 151 106;
--endless-oklch: oklch(0.623 0.093 151);
}
.element {
color: var(--endless);
background-color: hsl(135 25% 47%);
border-color: oklch(0.623 0.093 151);
}Tailwind CSS v4
@theme {
--color-endless: #5b976a;
--color-endless-50: #e2fde9;
--color-endless-100: #d2f1da;
--color-endless-200: #b7e0c2;
--color-endless-300: #93c6a1;
--color-endless-400: #75ae82;
--color-endless-500: #549866;
--color-endless-600: #488057;
--color-endless-700: #396745;
--color-endless-800: #2a4b30;
--color-endless-900: #1c3421;
--color-endless-950: #0c2010;
}SCSS
$endless: #5b976a;
$endless-rgb: 91, 151, 106;
$endless-light: mix(#fff, $endless, 20%);
$endless-dark: mix(#000, $endless, 20%);
.element {
color: $endless;
box-shadow: 0 0 0 2px rgba($endless, 0.35);
}