Nearest named color · #053710
#053710
Nearest named color: Haunted Hills
#053710 (rgb(5 55 16), hsl(133 83% 12%), oklch(0.295 0.083 146.5)) is closest to the named color Haunted Hills. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#053710
oklch(0.295 0.083 146.5)
Color conversions
- HEX
- #053710
- RGB
- rgb(5 55 16)
- HSL
- hsl(133 83% 12%)
- HWB
- hwb(133 2% 78%)
- OKLCH
- oklch(0.295 0.083 146.5)
- OKLab
- oklab(0.295 -0.07 0.046)
- CIE Lab
- lab(19.24 -24.06 19.15)
- LCH
- lch(19.24 30.75 141.5)
- CMYK
- cmyk(91% 0% 71% 78%)
Tints · Shades · Tones
Tints
- 214926
- 385B3B
- 4F6E51
- 668268
- 7E9680
- 97AA98
- B0BFB1
- CAD4CA
- E4E9E4
Shades
- 042E0C
- 032609
- 021E06
- 011604
- 010F02
- 000801
- 000300
- 000100
- 000000
Tones
- 153E1B
- 224526
- 2E4D31
- 3A543C
- 465B47
- 516252
- 5D6A5D
- 687169
- 747974
Color harmonies
Complementary +180°
- 053710
Haunted Hills
- 411B42
≈ Purple Void
Analogous -30° +30°
- 053710
Haunted Hills
- 2B3000
≈ Blind Forest
- 00352C
≈ Fence Green
Triadic +120° +240°
- 053710
Haunted Hills
- 192956
≈ Ultramarine Violet
- 4E1815
≈ Hull Red
Split-complementary +150° +210°
- 053710
Haunted Hills
- 312151
≈ Powerful Violet
- 4B172E
≈ Chilli Black Red
Tetradic +90° +180° +270°
- 053710
Haunted Hills
- 003148
≈ Cosmos Blue
- 411B42
≈ Purple Void
- 472100
≈ Blackened Brown
Contrast & accessibility
Ag
AAAOn white
WCAG 13.45:1 · APCA Lc 100
Ag
FailOn black
WCAG 1.56:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.45:1 (AAA) · APCA Lc 100
Contrast pairs
Code snippets
CSS
:root {
--haunted-hills: #053710;
--haunted-hills-rgb: 5 55 16;
--haunted-hills-oklch: oklch(0.295 0.083 146.5);
}
.element {
color: var(--haunted-hills);
background-color: hsl(133 83% 12%);
border-color: oklch(0.295 0.083 146.5);
}Tailwind CSS v4
@theme {
--color-haunted-hills: #053710;
--color-haunted-hills-50: #e6fce8;
--color-haunted-hills-100: #d6f0d9;
--color-haunted-hills-200: #bddfc1;
--color-haunted-hills-300: #9bc4a0;
--color-haunted-hills-400: #7eac81;
--color-haunted-hills-500: #609565;
--color-haunted-hills-600: #527e56;
--color-haunted-hills-700: #416544;
--color-haunted-hills-800: #304a30;
--color-haunted-hills-900: #203320;
--color-haunted-hills-950: #101f10;
}SCSS
$haunted-hills: #053710;
$haunted-hills-rgb: 5, 55, 16;
$haunted-hills-light: mix(#fff, $haunted-hills, 20%);
$haunted-hills-dark: mix(#000, $haunted-hills, 20%);
.element {
color: $haunted-hills;
box-shadow: 0 0 0 2px rgba($haunted-hills, 0.35);
}