Colore con nome · #839C6D
Sleepy Hollow
Sleepy Hollow è #839C6D: rgb(131 156 109), hsl(92 19% 52%), oklch(0.661 0.073 130.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Sleepy Hollow color name →
#839C6D
oklch(0.661 0.073 130.9)
Conversioni di colore
- HEX
- #839c6d
- RGB
- rgb(131 156 109)
- HSL
- hsl(92 19% 52%)
- HWB
- hwb(92 43% 39%)
- OKLCH
- oklch(0.661 0.073 130.9)
- OKLab
- oklab(0.661 -0.048 0.055)
- CIE Lab
- lab(61.49 -15.66 21.67)
- LCH
- lch(61.49 26.73 125.8)
- CMYK
- cmyk(16% 0% 30% 39%)
Tinte · Ombre · Toni
Tinte
- 8FA67B
- 9BAF89
- A7B998
- B3C3A6
- BFCDB4
- CCD7C3
- D8E1D2
- E5EBE1
- F2F5F0
Ombre
- 71875E
- 60734F
- 4F5F41
- 3F4C33
- 2F3926
- 202819
- 12180D
- 060904
- 010101
Toni
- 83996F
- 829671
- 829473
- 829175
- 828E77
- 818B79
- 81897B
- 81867D
- 80837E
Armonie di colore
Complementare +180°
- 839C6D
Sleepy Hollow
- A186B4
≈ Daylight Lilac
Analogo -30° +30°
- 839C6D
Sleepy Hollow
- 9C945F
≈ Green Lentils
- 69A184
≈ Sea Lettuce
Triadico +120° +240°
- 839C6D
Sleepy Hollow
- 7196BE
≈ Pinafore Blue
- BA8087
≈ Rennie’s Rose
Complementare divisa +150° +210°
- 839C6D
Sleepy Hollow
- 8A8EBF
≈ Carriage Ride
- B281A0
≈ Antique Hot Pink
Tetradico +90° +180° +270°
- 839C6D
Sleepy Hollow
- 5D9DB2
≈ Inuit
- A186B4
≈ Daylight Lilac
- B98470
≈ Red Gravel
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 {
--sleepy-hollow: #839c6d;
--sleepy-hollow-rgb: 131 156 109;
--sleepy-hollow-oklch: oklch(0.661 0.073 130.9);
}
.element {
color: var(--sleepy-hollow);
background-color: hsl(92 19% 52%);
border-color: oklch(0.661 0.073 130.9);
}Tailwind CSS v4
@theme {
--color-sleepy-hollow: #839c6d;
--color-sleepy-hollow-50: #edfae5;
--color-sleepy-hollow-100: #dfeed5;
--color-sleepy-hollow-200: #c8dbbc;
--color-sleepy-hollow-300: #a9c09a;
--color-sleepy-hollow-400: #90a87b;
--color-sleepy-hollow-500: #75905d;
--color-sleepy-hollow-600: #637a4f;
--color-sleepy-hollow-700: #4f623f;
--color-sleepy-hollow-800: #3b472c;
--color-sleepy-hollow-900: #28311e;
--color-sleepy-hollow-950: #161d0e;
}SCSS
$sleepy-hollow: #839c6d;
$sleepy-hollow-rgb: 131, 156, 109;
$sleepy-hollow-light: mix(#fff, $sleepy-hollow, 20%);
$sleepy-hollow-dark: mix(#000, $sleepy-hollow, 20%);
.element {
color: $sleepy-hollow;
box-shadow: 0 0 0 2px rgba($sleepy-hollow, 0.35);
}