Colore con nome · #3D2E24
After Eight
After Eight è #3D2E24: rgb(61 46 36), hsl(24 26% 19%), oklch(0.315 0.028 55.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · After Eight color name →
#3D2E24
oklch(0.315 0.028 55.2)
Conversioni di colore
- HEX
- #3d2e24
- RGB
- rgb(61 46 36)
- HSL
- hsl(24 26% 19%)
- HWB
- hwb(24 14% 76%)
- OKLCH
- oklch(0.315 0.028 55.2)
- OKLab
- oklab(0.315 0.016 0.023)
- CIE Lab
- lab(20.45 5.85 9.23)
- LCH
- lch(20.45 10.93 57.7)
- CMYK
- cmyk(0% 25% 41% 76%)
Tinte · Ombre · Toni
Tinte
- 4E4037
- 60534A
- 72665F
- 857B74
- 998F89
- ACA5A0
- C0BBB7
- D5D1CE
- EAE8E6
Ombre
- 34271E
- 2B1F18
- 221812
- 1A120C
- 120B07
- 0A0604
- 040202
- 010100
- 000000
Toni
- 43362C
- 4A3D35
- 51453E
- 574D47
- 5E5550
- 655E59
- 6B6663
- 726F6C
- 797776
Armonie di colore
Complementare +180°
- 3D2E24
After Eight
- 24343E
≈ Petrol Slumber
Analogo -30° +30°
- 3D2E24
After Eight
- 3F2C2A
≈ Wenge Black
- 383121
≈ Agrax Earthshade
Triadico +120° +240°
- 3D2E24
After Eight
- 223631
≈ Fait Accompli
- 322F3F
≈ Oil Rush
Complementare divisa +150° +210°
- 3D2E24
After Eight
- 203638
≈ Cruel Sea
- 2B3240
≈ Anchors Aweigh
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.00:1 · APCA Lc 99
Ag
FailSu nero
WCAG 1.61:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.00:1 (AAA) · APCA Lc 99
Contrast pairs
Frammenti di codice
CSS
:root {
--after-eight: #3d2e24;
--after-eight-rgb: 61 46 36;
--after-eight-oklch: oklch(0.315 0.028 55.2);
}
.element {
color: var(--after-eight);
background-color: hsl(24 26% 19%);
border-color: oklch(0.315 0.028 55.2);
}Tailwind CSS v4
@theme {
--color-after-eight: #3d2e24;
--color-after-eight-50: #fcf3ee;
--color-after-eight-100: #f0e6df;
--color-after-eight-200: #ded2c9;
--color-after-eight-300: #c3b4aa;
--color-after-eight-400: #ac9a8f;
--color-after-eight-500: #958275;
--color-after-eight-600: #7e6e63;
--color-after-eight-700: #65584f;
--color-after-eight-800: #4a403a;
--color-after-eight-900: #342c27;
--color-after-eight-950: #1f1916;
}SCSS
$after-eight: #3d2e24;
$after-eight-rgb: 61, 46, 36;
$after-eight-light: mix(#fff, $after-eight, 20%);
$after-eight-dark: mix(#000, $after-eight, 20%);
.element {
color: $after-eight;
box-shadow: 0 0 0 2px rgba($after-eight, 0.35);
}