Nearest named color · #83576A
#83576A
Nearest named color: Royal Fig
#83576A (rgb(131 87 106), hsl(334 20% 43%), oklch(0.511 0.064 352.1)) is closest to the named color Royal Fig. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#83576A
oklch(0.511 0.064 352.1)
Color conversions
- HEX
- #83576a
- RGB
- rgb(131 87 106)
- HSL
- hsl(334 20% 43%)
- HWB
- hwb(334 34% 49%)
- OKLCH
- oklch(0.511 0.064 352.1)
- OKLab
- oklab(0.511 0.063 -0.009)
- CIE Lab
- lab(42.39 20.92 -3.12)
- LCH
- lch(42.39 21.15 351.5)
- CMYK
- cmyk(0% 34% 19% 49%)
Tints · Shades · Tones
Tints
- 8F6778
- 9C7686
- A88794
- B497A3
- C1A8B2
- CDB9C1
- D9CAD0
- E6DBDF
- F2EDEF
Shades
- 714B5B
- 603E4D
- 4F333F
- 3F2731
- 2F1C24
- 201218
- 12080D
- 060304
- 010000
Tones
- 835B6C
- 835F6E
- 836471
- 836873
- 836C75
- 827077
- 827479
- 81787C
- 817C7E
Color harmonies
Complementary +180°
- 83576A
Royal Fig
- 3C7262
≈ Nordic Forest
Analogous -30° +30°
- 83576A
Royal Fig
- 785A7C
≈ Dr Who
- 875856
≈ Flowering Chestnut
Triadic +120° +240°
- 83576A
Royal Fig
- 676A3E
≈ Jungle Civilization
- 3E6D85
≈ Bering Wave
Split-complementary +150° +210°
- 83576A
Royal Fig
- 51704E
≈ Irish Clover
- 337176
≈ Whaling Waters
Tetradic +90° +180° +270°
- 83576A
Royal Fig
- 79633A
≈ Twig Basket
- 3C7262
≈ Nordic Forest
- 52668B
≈ Luxe Blue
Contrast & accessibility
Ag
AAOn white
WCAG 5.93:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.53:1 · APCA Lc 22
Best text color: #FFFFFF
WCAG 5.93:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--royal-fig: #83576a;
--royal-fig-rgb: 131 87 106;
--royal-fig-oklch: oklch(0.511 0.064 352.1);
}
.element {
color: var(--royal-fig);
background-color: hsl(334 20% 43%);
border-color: oklch(0.511 0.064 352.1);
}Tailwind CSS v4
@theme {
--color-royal-fig: #83576a;
--color-royal-fig-50: #ffeef6;
--color-royal-fig-100: #fae0e9;
--color-royal-fig-200: #eccad6;
--color-royal-fig-300: #d3aab9;
--color-royal-fig-400: #bd8fa2;
--color-royal-fig-500: #a8758a;
--color-royal-fig-600: #8e6375;
--color-royal-fig-700: #724f5e;
--color-royal-fig-800: #543945;
--color-royal-fig-900: #3a2730;
--color-royal-fig-950: #24151c;
}SCSS
$royal-fig: #83576a;
$royal-fig-rgb: 131, 87, 106;
$royal-fig-light: mix(#fff, $royal-fig, 20%);
$royal-fig-dark: mix(#000, $royal-fig, 20%);
.element {
color: $royal-fig;
box-shadow: 0 0 0 2px rgba($royal-fig, 0.35);
}