Nearest named color · #C789BF
#C789BF
Nearest named color: Violaceous
#C789BF (rgb(199 137 191), hsl(308 36% 66%), oklch(0.709 0.104 331.2)) is closest to the named color Violaceous. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#C789BF
oklch(0.709 0.104 331.2)
Color conversions
- HEX
- #c789bf
- RGB
- rgb(199 137 191)
- HSL
- hsl(308 36% 66%)
- HWB
- hwb(308 54% 22%)
- OKLCH
- oklch(0.709 0.104 331.2)
- OKLab
- oklab(0.709 0.091 -0.05)
- CIE Lab
- lab(64.8 30.7 -18.36)
- LCH
- lch(64.8 35.77 329.1)
- CMYK
- cmyk(0% 31% 4% 22%)
Tints · Shades · Tones
Tints
- CD95C5
- D3A0CC
- D9ACD2
- DEB8D9
- E4C3DF
- EACFE5
- EFDBEC
- F5E7F2
- FAF3F9
Shades
- AD76A6
- 93648D
- 7A5375
- 62425E
- 4C3148
- 362233
- 21141F
- 0E070D
- 020102
Tones
- C088B9
- B988B2
- B287AC
- AB86A6
- A4859F
- 9D8499
- 968393
- 8E828C
- 878186
Color harmonies
Complementary +180°
- C789BF
Violaceous
- 6EB480
≈ Frog Pond
Analogous -30° +30°
- C789BF
Violaceous
- AC92D8
≈ Middy’s Purple
- D7859D
≈ Primrose
Triadic +120° +240°
- C789BF
Violaceous
- B99F50
≈ Woollen Mittens
- 41B2C6
≈ Viking
Split-complementary +150° +210°
- C789BF
Violaceous
- 97AB5F
≈ Herbal Garden
- 47B6A5
≈ Sacred Turquoise
Tetradic +90° +180° +270°
- C789BF
Violaceous
- D0925B
≈ Polo Pony
- 6EB480
≈ Frog Pond
- 62A9DC
≈ Acapulco Dive
Contrast & accessibility
Ag
FailOn white
WCAG 2.70:1 · APCA Lc 52
Ag
AAAOn black
WCAG 7.75:1 · APCA Lc 50
Best text color: #000000
WCAG 7.75:1 (AAA) · APCA Lc 50
Contrast pairs
Code snippets
CSS
:root {
--violaceous: #c789bf;
--violaceous-rgb: 199 137 191;
--violaceous-oklch: oklch(0.709 0.104 331.2);
}
.element {
color: var(--violaceous);
background-color: hsl(308 36% 66%);
border-color: oklch(0.709 0.104 331.2);
}Tailwind CSS v4
@theme {
--color-violaceous: #c789bf;
--color-violaceous-50: #ffebff;
--color-violaceous-100: #fedcf7;
--color-violaceous-200: #f0c4e7;
--color-violaceous-300: #d8a4ce;
--color-violaceous-400: #c288bb;
--color-violaceous-500: #ad6ba6;
--color-violaceous-600: #935b8c;
--color-violaceous-700: #764970;
--color-violaceous-800: #563554;
--color-violaceous-900: #3c243a;
--color-violaceous-950: #261325;
}SCSS
$violaceous: #c789bf;
$violaceous-rgb: 199, 137, 191;
$violaceous-light: mix(#fff, $violaceous, 20%);
$violaceous-dark: mix(#000, $violaceous, 20%);
.element {
color: $violaceous;
box-shadow: 0 0 0 2px rgba($violaceous, 0.35);
}