Nearest named color · #56426B
#56426B
Nearest named color: Haunted Candelabra
#56426B (rgb(86 66 107), hsl(269 24% 34%), oklch(0.418 0.071 306)) is closest to the named color Haunted Candelabra. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#56426B
oklch(0.418 0.071 306)
Color conversions
- HEX
- #56426b
- RGB
- rgb(86 66 107)
- HSL
- hsl(269 24% 34%)
- HWB
- hwb(269 26% 58%)
- OKLCH
- oklch(0.418 0.071 306)
- OKLab
- oklab(0.418 0.041 -0.057)
- CIE Lab
- lab(31.5 15.65 -20.75)
- LCH
- lch(31.5 25.99 307)
- CMYK
- cmyk(20% 38% 0% 58%)
Tints · Shades · Tones
Tints
- 655379
- 756587
- 857796
- 9689A4
- A69CB3
- B8AFC2
- C9C3D1
- DBD6E0
- EDEBF0
Shades
- 4A385C
- 3E2F4E
- 32253F
- 271C32
- 1C1425
- 120B18
- 08050D
- 020104
- 000000
Tones
- 5A486D
- 5E4E70
- 625472
- 665B74
- 6B6176
- 6F6778
- 736D7A
- 77737C
- 7C7A7E
Color harmonies
Complementary +180°
- 56426B
Haunted Candelabra
- 435327
≈ Army Green
Analogous -30° +30°
- 56426B
Haunted Candelabra
- 424973
≈ Egyptian Violet
- 653D5B
≈ Primitive Plum
Triadic +120° +240°
- 56426B
Haunted Candelabra
- 66441F
≈ Florida’s Alligator
- 085952
≈ Baltic Prince
Split-complementary +150° +210°
- 56426B
Haunted Candelabra
- 584C19
≈ Bronze Olive
- 28583C
≈ Green Stain
Tetradic +90° +180° +270°
- 56426B
Haunted Candelabra
- 6D3E31
≈ Chestnut Peel
- 435327
≈ Army Green
- 0B5665
≈ Abyssal Waters
Contrast & accessibility
Ag
AAAOn white
WCAG 8.79:1 · APCA Lc 90
Ag
FailOn black
WCAG 2.38:1 · APCA Lc 12
Best text color: #FFFFFF
WCAG 8.79:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--haunted-candelabra: #56426b;
--haunted-candelabra-rgb: 86 66 107;
--haunted-candelabra-oklch: oklch(0.418 0.071 306);
}
.element {
color: var(--haunted-candelabra);
background-color: hsl(269 24% 34%);
border-color: oklch(0.418 0.071 306);
}Tailwind CSS v4
@theme {
--color-haunted-candelabra: #56426b;
--color-haunted-candelabra-50: #fbf0ff;
--color-haunted-candelabra-100: #eee2fb;
--color-haunted-candelabra-200: #dccdec;
--color-haunted-candelabra-300: #c1aed4;
--color-haunted-candelabra-400: #a994c0;
--color-haunted-candelabra-500: #927aac;
--color-haunted-candelabra-600: #7b6791;
--color-haunted-candelabra-700: #635374;
--color-haunted-candelabra-800: #483c56;
--color-haunted-candelabra-900: #32293c;
--color-haunted-candelabra-950: #1e1726;
}SCSS
$haunted-candelabra: #56426b;
$haunted-candelabra-rgb: 86, 66, 107;
$haunted-candelabra-light: mix(#fff, $haunted-candelabra, 20%);
$haunted-candelabra-dark: mix(#000, $haunted-candelabra, 20%);
.element {
color: $haunted-candelabra;
box-shadow: 0 0 0 2px rgba($haunted-candelabra, 0.35);
}