#C07BE7#C07BE7

#C07BE7 is a light, vivid violet. Relative luminance 0.311; OKLCH L 69.7% C 0.167 H 312.2°. Best body text is #000000 at 7.23:1 contrast (WCAG AA passes).

Color values

HEX#C07BE7
RGBrgb(192, 123, 231)
HSLhsl(278, 69%, 69%)
HSVhsv(278, 47%, 91%)
CMYKcmyk(16.9%, 46.8%, 0%, 9.4%)
CIE-LABlab(62.63, 45.64, -44.39)
CIE-LCHlch(62.63, 63.67, 315.80°)
OKLaboklab(69.66% 0.1122 -0.1235)
OKLCHoklch(69.66% 0.167 312.2)
XYZxyz(43.2425, 31.1428, 79.3190)
Luminance0.3114 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C07BE7 #A2E77B
analogous
#8A7BE7 #C07BE7 #E77BD8
triadic
#C07BE7 #E7C07B #7BE7C0
tetradic
#C07BE7 #E78A7B #A2E77B #7BD8E7
square
#C07BE7 #E78A7B #A2E77B #7BD8E7
split-complementary
#C07BE7 #D8E77B #7BE78A
monochromatic
#8A24C4 #A747DE #C07BE7 #D9AFF0 #F1E3FA

Accessibility & contrast

On white

2.91
#C07BE7 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.23
#C07BE7 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C07BE7
7.23:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C07BE7#FFFFFF#000000##000000
##C07BE71.002.917.237.23
#FFFFFF2.911.0021.0021.00
#0000007.2321.001.001.00
##0000007.2321.001.001.00

Color blindness preview

Protanopia (red-blind)
#6394EB
Deuteranopia (green-blind)
#7699E4
Tritanopia (blue-blind)
#BC8CA6
Achromatopsia (no color)
#979797

Design tokens & code

CSS
--color: #c07be7;
/* rgb */ color: rgb(192, 123, 231);
/* oklch */ color: oklch(69.7% 0.167 312.2);
Tailwind
colors: {
  custom: {
    50: '#d5a3ef',
    500: '#c07be7',
    950: '#000000',
  },
}
SCSS
$custom: #c07be7;
$custom-light: #d5a3ef;
$custom-dark: #000000;
JSON
{
  "hex": "#c07be7",
  "rgb": {
    "r": 192,
    "g": 123,
    "b": 231
  },
  "hsl": {
    "h": 278.333,
    "s": 69.231,
    "l": 69.412
  },
  "oklch": {
    "l": 0.69663,
    "c": 0.16685,
    "h": 312.2
  },
  "luminance": 0.31142
}

Semantic roles & 50–950 ramp

primary
#C07BE7
secondary
#DBEECF
accent
#D11459
background
#FDFAFE
surface
#FAF4FD
border
#D3CED5
text
#140F16
muted
#837F84

Preview Lab

Preview with #C07BE7

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#C07BE7 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva