Nearest named color · #765A6F
#765A6F
Nearest named color: Hibernation
#765A6F (rgb(118 90 111), hsl(315 13% 41%), oklch(0.503 0.048 335.4)) is closest to the named color Hibernation. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#765A6F
oklch(0.503 0.048 335.4)
Color conversions
- HEX
- #765a6f
- RGB
- rgb(118 90 111)
- HSL
- hsl(315 13% 41%)
- HWB
- hwb(315 35% 54%)
- OKLCH
- oklch(0.503 0.048 335.4)
- OKLab
- oklab(0.503 0.044 -0.02)
- CIE Lab
- lab(41.73 14.67 -7.36)
- LCH
- lch(41.73 16.41 333.3)
- CMYK
- cmyk(0% 24% 6% 54%)
Tints · Shades · Tones
Tints
- 83697C
- 90798A
- 9E8898
- AB99A6
- B9A9B4
- C7BAC3
- D4CBD2
- E2DCE1
- F1EDF0
Shades
- 664D60
- 564151
- 473542
- 382934
- 291E27
- 1C131A
- 0F090E
- 050304
- 010001
Tones
- 775E71
- 786272
- 796574
- 7A6976
- 7B6D78
- 7C7179
- 7D757B
- 7E787D
- 7F7C7E
Color harmonies
Complementary +180°
- 765A6F
Hibernation
- 4E6D58
≈ Medium Grey Green
Analogous -30° +30°
- 765A6F
Hibernation
- 6B5D7A
≈ Princely Violet
- 7C5960
≈ Rose Branch
Triadic +120° +240°
- 765A6F
Hibernation
- 6C6445
≈ Urbane
- 436B76
≈ Planet Green
Split-complementary +150° +210°
- 765A6F
Hibernation
- 5E694B
≈ Monstera
- 436D68
≈ Moonlit Forest
Tetradic +90° +180° +270°
- 765A6F
Hibernation
- 785F47
≈ Namakabe Brown
- 4E6D58
≈ Medium Grey Green
- 4D677E
≈ Periscope
Contrast & accessibility
Ag
AAOn white
WCAG 6.06:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.46:1 · APCA Lc 22
Best text color: #FFFFFF
WCAG 6.06:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--hibernation: #765a6f;
--hibernation-rgb: 118 90 111;
--hibernation-oklch: oklch(0.503 0.048 335.4);
}
.element {
color: var(--hibernation);
background-color: hsl(315 13% 41%);
border-color: oklch(0.503 0.048 335.4);
}Tailwind CSS v4
@theme {
--color-hibernation: #765a6f;
--color-hibernation-50: #fff0fa;
--color-hibernation-100: #f3e2ee;
--color-hibernation-200: #e3cddc;
--color-hibernation-300: #c8aec0;
--color-hibernation-400: #b194aa;
--color-hibernation-500: #9b7a93;
--color-hibernation-600: #83687c;
--color-hibernation-700: #695363;
--color-hibernation-800: #4d3c49;
--color-hibernation-900: #352933;
--color-hibernation-950: #21171f;
}SCSS
$hibernation: #765a6f;
$hibernation-rgb: 118, 90, 111;
$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);
}