Nearest named color · #832F5D
#832F5D
Nearest named color: Pleasure
#832F5D (rgb(131 47 93), hsl(327 47% 35%), oklch(0.441 0.126 349.6)) is closest to the named color Pleasure. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#832F5D
oklch(0.441 0.126 349.6)
Color conversions
- HEX
- #832f5d
- RGB
- rgb(131 47 93)
- HSL
- hsl(327 47% 35%)
- HWB
- hwb(327 18% 49%)
- OKLCH
- oklch(0.441 0.126 349.6)
- OKLab
- oklab(0.441 0.124 -0.023)
- CIE Lab
- lab(33.46 40.25 -8.14)
- LCH
- lch(33.46 41.07 348.6)
- CMYK
- cmyk(0% 64% 29% 49%)
Tints · Shades · Tones
Tints
- 91446C
- 9E587B
- AB6C8B
- B8819A
- C495AB
- D0AABB
- DCBFCC
- E8D4DD
- F4E9EE
Shades
- 712750
- 602043
- 4F1937
- 3F122A
- 2F0C1F
- 200614
- 12030A
- 060103
- 010000
Tones
- 843960
- 854264
- 854A67
- 85526B
- 855A6E
- 856272
- 846975
- 837179
- 82797C
Color harmonies
Complementary +180°
- 832F5D
Pleasure
- 00624B
≈ Green Paw Paw
Analogous -30° +30°
- 832F5D
Pleasure
- 70377E
≈ Maximum Purple
- 8B2E35
≈ Old Brick
Triadic +120° +240°
- 832F5D
Pleasure
- 575700
≈ Douro
- 005B79
≈ Job’s Tears
Split-complementary +150° +210°
- 832F5D
Pleasure
- 266213
≈ Thuja Green
- 005F63
≈ Sandhill Crane
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 8.30:1 · APCA Lc 88
Ag
FailOn black
WCAG 2.52:1 · APCA Lc 14
Best text color: #FFFFFF
WCAG 8.30:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--pleasure: #832f5d;
--pleasure-rgb: 131 47 93;
--pleasure-oklch: oklch(0.441 0.126 349.6);
}
.element {
color: var(--pleasure);
background-color: hsl(327 47% 35%);
border-color: oklch(0.441 0.126 349.6);
}Tailwind CSS v4
@theme {
--color-pleasure: #832f5d;
--color-pleasure-50: #ffe7f9;
--color-pleasure-100: #ffd7ed;
--color-pleasure-200: #ffbeda;
--color-pleasure-300: #ea9cbf;
--color-pleasure-400: #d67ea9;
--color-pleasure-500: #c25f92;
--color-pleasure-600: #a4517c;
--color-pleasure-700: #844163;
--color-pleasure-800: #612e4a;
--color-pleasure-900: #441f34;
--color-pleasure-950: #2c0f1f;
}SCSS
$pleasure: #832f5d;
$pleasure-rgb: 131, 47, 93;
$pleasure-light: mix(#fff, $pleasure, 20%);
$pleasure-dark: mix(#000, $pleasure, 20%);
.element {
color: $pleasure;
box-shadow: 0 0 0 2px rgba($pleasure, 0.35);
}