Nearest named color · #77516A
#77516A
Nearest named color: Hibernation
#77516A (rgb(119 81 106), hsl(321 19% 39%), oklch(0.485 0.062 340.1)) is closest to the named color Hibernation. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#77516A
oklch(0.485 0.062 340.1)
Color conversions
- HEX
- #77516a
- RGB
- rgb(119 81 106)
- HSL
- hsl(321 19% 39%)
- HWB
- hwb(321 32% 53%)
- OKLCH
- oklch(0.485 0.062 340.1)
- OKLab
- oklab(0.485 0.059 -0.021)
- CIE Lab
- lab(39.37 19.5 -7.77)
- LCH
- lch(39.37 20.99 338.3)
- CMYK
- cmyk(0% 32% 11% 53%)
Tints · Shades · Tones
Tints
- 846178
- 917186
- 9F8294
- AC93A3
- BAA4B2
- C7B6C1
- D5C8D0
- E3DADF
- F1ECEF
Shades
- 67455B
- 573A4D
- 472F3F
- 382431
- 2A1A24
- 1C1018
- 10070D
- 050204
- 010000
Tones
- 78566C
- 795A6E
- 7A5F71
- 7B6473
- 7C6975
- 7D6D77
- 7E7279
- 7F777C
- 7F7B7E
Color harmonies
Complementary +180°
- 77516A
Hibernation
- 3E6A53
≈ Toad King
Analogous -30° +30°
- 77516A
Hibernation
- 6A5579
≈ Charoite Violet
- 7E5057
≈ Sunset Red
Triadic +120° +240°
- 77516A
Hibernation
- 676035
≈ Saguaro
- 326777
≈ Loon Turquoise
Split-complementary +150° +210°
- 77516A
Hibernation
- 536640
≈ Daisy Leaf
- 2E6A67
≈ Magnetic Green
Tetradic +90° +180° +270°
- 77516A
Hibernation
- 765937
≈ Shingle Fawn
- 3E6A53
≈ Toad King
- 436281
≈ Blue Ashes
Contrast & accessibility
Ag
AAOn white
WCAG 6.62:1 · APCA Lc 83
Ag
FailOn black
WCAG 3.16:1 · APCA Lc 19
Best text color: #FFFFFF
WCAG 6.62:1 (AA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--hibernation: #77516a;
--hibernation-rgb: 119 81 106;
--hibernation-oklch: oklch(0.485 0.062 340.1);
}
.element {
color: var(--hibernation);
background-color: hsl(321 19% 39%);
border-color: oklch(0.485 0.062 340.1);
}Tailwind CSS v4
@theme {
--color-hibernation: #77516a;
--color-hibernation-50: #ffeffa;
--color-hibernation-100: #f8e0ee;
--color-hibernation-200: #e8cadc;
--color-hibernation-300: #cfabc0;
--color-hibernation-400: #b890aa;
--color-hibernation-500: #a37693;
--color-hibernation-600: #8a647c;
--color-hibernation-700: #6e5064;
--color-hibernation-800: #513a4a;
--color-hibernation-900: #382833;
--color-hibernation-950: #23161f;
}SCSS
$hibernation: #77516a;
$hibernation-rgb: 119, 81, 106;
$hibernation-light: mix(#fff, $hibernation, 20%);
$hibernation-dark: mix(#000, $hibernation, 20%);
.element {
color: $hibernation;
box-shadow: 0 0 0 2px rgba($hibernation, 0.35);
}