Nearest named color · #89525C
#89525C
Nearest named color: Velour Scar
#89525C (rgb(137 82 92), hsl(349 25% 43%), oklch(0.504 0.074 8.3)) is closest to the named color Velour Scar. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#89525C
oklch(0.504 0.074 8.3)
Color conversions
- HEX
- #89525c
- RGB
- rgb(137 82 92)
- HSL
- hsl(349 25% 43%)
- HWB
- hwb(349 32% 46%)
- OKLCH
- oklch(0.504 0.074 8.3)
- OKLab
- oklab(0.504 0.074 0.011)
- CIE Lab
- lab(41.63 24.55 4.48)
- LCH
- lch(41.63 24.96 10.3)
- CMYK
- cmyk(0% 40% 33% 46%)
Tints · Shades · Tones
Tints
- 95626B
- A1737A
- AD838A
- B9949A
- C5A5AA
- D0B7BA
- DCC8CB
- E8DADC
- F3EDED
Shades
- 76464F
- 643B42
- 532F36
- 42252A
- 311A1F
- 221114
- 14080A
- 070203
- 010000
Tones
- 895760
- 885C63
- 886067
- 87656A
- 86696E
- 856E71
- 847375
- 837779
- 827C7C
Color harmonies
Complementary +180°
- 89525C
Velour Scar
- 25726D
≈ Advantageous
Analogous -30° +30°
- 89525C
Velour Scar
- 805473
≈ Magnificence
- 895545
≈ True Copper
Triadic +120° +240°
- 89525C
Velour Scar
- 586D3D
≈ Spring Onion
- 41688D
≈ Snake River
Split-complementary +150° +210°
- 89525C
Velour Scar
- 3C7154
≈ Foliage Green
- 286F81
≈ Tlāloc Blue
Tetradic +90° +180° +270°
- 89525C
Velour Scar
- 70652F
≈ Himalaya
- 25726D
≈ Advantageous
- 5B608F
≈ Breathtaking
Contrast & accessibility
Ag
AAOn white
WCAG 6.13:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.42:1 · APCA Lc 21
Best text color: #FFFFFF
WCAG 6.13:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--velour-scar: #89525c;
--velour-scar-rgb: 137 82 92;
--velour-scar-oklch: oklch(0.504 0.074 8.3);
}
.element {
color: var(--velour-scar);
background-color: hsl(349 25% 43%);
border-color: oklch(0.504 0.074 8.3);
}Tailwind CSS v4
@theme {
--color-velour-scar: #89525c;
--color-velour-scar-50: #ffedf0;
--color-velour-scar-100: #ffdee2;
--color-velour-scar-200: #f2c8cd;
--color-velour-scar-300: #daa8ae;
--color-velour-scar-400: #c68c96;
--color-velour-scar-500: #b1717c;
--color-velour-scar-600: #966069;
--color-velour-scar-700: #784d54;
--color-velour-scar-800: #59373e;
--color-velour-scar-900: #3e262b;
--color-velour-scar-950: #271418;
}SCSS
$velour-scar: #89525c;
$velour-scar-rgb: 137, 82, 92;
$velour-scar-light: mix(#fff, $velour-scar, 20%);
$velour-scar-dark: mix(#000, $velour-scar, 20%);
.element {
color: $velour-scar;
box-shadow: 0 0 0 2px rgba($velour-scar, 0.35);
}