Nazwany kolor · #3D2E24
After Eight
After Eight to #3D2E24: rgb(61 46 36), hsl(24 26% 19%), oklch(0.315 0.028 55.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · After Eight color name →
#3D2E24
oklch(0.315 0.028 55.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4E4037
- 60534A
- 72665F
- 857B74
- 998F89
- ACA5A0
- C0BBB7
- D5D1CE
- EAE8E6
Odcienie ciemniejsze
- 34271E
- 2B1F18
- 221812
- 1A120C
- 120B07
- 0A0604
- 040202
- 010100
- 000000
Tony
- 43362C
- 4A3D35
- 51453E
- 574D47
- 5E5550
- 655E59
- 6B6663
- 726F6C
- 797776
Harmonie kolorów
Komplementarna +180°
- 3D2E24
After Eight
- 24343E
≈ Petrol Slumber
Analogowa -30° +30°
- 3D2E24
After Eight
- 3F2C2A
≈ Wenge Black
- 383121
≈ Agrax Earthshade
Triada +120° +240°
- 3D2E24
After Eight
- 223631
≈ Fait Accompli
- 322F3F
≈ Oil Rush
Komplementarna rozszczepiona +150° +210°
- 3D2E24
After Eight
- 203638
≈ Cruel Sea
- 2B3240
≈ Anchors Aweigh
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 13.00:1 · APCA Lc 99
Ag
FailNa czerni
WCAG 1.61:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 13.00:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmenty kodu
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);
}