Nearest named color · #403136
#403136
Nearest named color: Havana
#403136 (rgb(64 49 54), hsl(340 13% 22%), oklch(0.332 0.023 356.5)) is closest to the named color Havana. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#403136
oklch(0.332 0.023 356.5)
Color conversions
- HEX
- #403136
- RGB
- rgb(64 49 54)
- HSL
- hsl(340 13% 22%)
- HWB
- hwb(340 19% 75%)
- OKLCH
- oklch(0.332 0.023 356.5)
- OKLab
- oklab(0.332 0.023 -0.001)
- CIE Lab
- lab(22.18 7.73 -0.45)
- LCH
- lch(22.18 7.74 356.6)
- CMYK
- cmyk(0% 23% 16% 75%)
Tints · Shades · Tones
Tints
- 514347
- 63555A
- 75696D
- 877D80
- 9A9194
- AEA6A8
- C1BCBD
- D6D2D3
- EAE8E9
Shades
- 36292E
- 2D2225
- 241A1E
- 1B1316
- 130C0F
- 0B0608
- 050303
- 010101
- 000000
Tones
- 46383D
- 4C4044
- 53474B
- 594F52
- 5F575A
- 665F61
- 6C6769
- 736F70
- 797878
Color harmonies
Complementary +180°
- 403136
Havana
- 293A35
≈ Tetsu Black
Analogous -30° +30°
- 403136
Havana
- 3C323C
≈ Zeus Palace
- 41312F
≈ Auberge
Triadic +120° +240°
- 403136
Havana
- 35372A
≈ Matcha Ash
- 2B3840
≈ Electromagnetic
Split-complementary +150° +210°
- 403136
Havana
- 2E392F
≈ Aimiru Brown
- 28393C
≈ Far Away Grey
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 12.27:1 · APCA Lc 98
Ag
FailOn black
WCAG 1.71:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 12.27:1 (AAA) · APCA Lc 98
Contrast pairs
Code snippets
CSS
:root {
--havana: #403136;
--havana-rgb: 64 49 54;
--havana-oklch: oklch(0.332 0.023 356.5);
}
.element {
color: var(--havana);
background-color: hsl(340 13% 22%);
border-color: oklch(0.332 0.023 356.5);
}Tailwind CSS v4
@theme {
--color-havana: #403136;
--color-havana-50: #fbf2f5;
--color-havana-100: #efe5e8;
--color-havana-200: #ddd0d4;
--color-havana-300: #c2b3b7;
--color-havana-400: #ab999f;
--color-havana-500: #948086;
--color-havana-600: #7d6c72;
--color-havana-700: #64575b;
--color-havana-800: #493f43;
--color-havana-900: #332b2e;
--color-havana-950: #1e191b;
}SCSS
$havana: #403136;
$havana-rgb: 64, 49, 54;
$havana-light: mix(#fff, $havana, 20%);
$havana-dark: mix(#000, $havana, 20%);
.element {
color: $havana;
box-shadow: 0 0 0 2px rgba($havana, 0.35);
}