Nearest named color · #71697B
#71697B
Nearest named color: Rum
#71697B (rgb(113 105 123), hsl(267 8% 45%), oklch(0.534 0.029 305.5)) is closest to the named color Rum. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#71697B
oklch(0.534 0.029 305.5)
Color conversions
- HEX
- #71697b
- RGB
- rgb(113 105 123)
- HSL
- hsl(267 8% 45%)
- HWB
- hwb(267 41% 52%)
- OKLCH
- oklch(0.534 0.029 305.5)
- OKLab
- oklab(0.534 0.017 -0.024)
- CIE Lab
- lab(45.64 6.04 -8.88)
- LCH
- lch(45.64 10.74 304.2)
- CMYK
- cmyk(8% 15% 0% 52%)
Tints · Shades · Tones
Tints
- 7E7787
- 8C8594
- 9993A1
- A7A2AE
- B5B1BB
- C4C0C8
- D2D0D6
- E1DFE3
- F0EFF1
Shades
- 615A6A
- 524C5A
- 433E4A
- 35313A
- 27242C
- 1A181E
- 0E0C10
- 040405
- 010001
Tones
- 726B7C
- 746E7C
- 75707D
- 77727D
- 78747E
- 7A777E
- 7B797F
- 7D7B7F
- 7E7E80
Color harmonies
Complementary +180°
- 71697B
Rum
- 69705E
≈ Laurel Garland
Analogous -30° +30°
Triadic +120° +240°
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 5.23:1 · APCA Lc 76
Ag
FailOn black
WCAG 4.00:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--rum: #71697b;
--rum-rgb: 113 105 123;
--rum-oklch: oklch(0.534 0.029 305.5);
}
.element {
color: var(--rum);
background-color: hsl(267 8% 45%);
border-color: oklch(0.534 0.029 305.5);
}Tailwind CSS v4
@theme {
--color-rum: #71697b;
--color-rum-50: #f7f3fc;
--color-rum-100: #eae5f0;
--color-rum-200: #d7d1de;
--color-rum-300: #bbb4c3;
--color-rum-400: #a29aad;
--color-rum-500: #8b8296;
--color-rum-600: #756e7f;
--color-rum-700: #5e5866;
--color-rum-800: #44404b;
--color-rum-900: #2f2c34;
--color-rum-950: #1c191f;
}SCSS
$rum: #71697b;
$rum-rgb: 113, 105, 123;
$rum-light: mix(#fff, $rum, 20%);
$rum-dark: mix(#000, $rum, 20%);
.element {
color: $rum;
box-shadow: 0 0 0 2px rgba($rum, 0.35);
}