#592BEF#592BEF

#592BEF is a mid, highly saturated violet. Relative luminance 0.101; OKLCH L 49.6% C 0.263 H 281.8°. Best body text is #FFFFFF at 6.96:1 contrast (WCAG AA passes).

Color values

HEX	#592BEF
RGB	rgb(89, 43, 239)
HSL	hsl(254, 86%, 55%)
HSV	hsv(254, 82%, 94%)
CMYK	cmyk(62.8%, 82%, 0%, 6.3%)
CIE-LAB	lab(37.99, 67.43, -89.25)
CIE-LCH	lch(37.99, 111.86, 307.07°)
OKLab	oklab(49.62% 0.0536 -0.2575)
OKLCH	oklch(49.62% 0.263 281.8)
XYZ	xyz(20.5588, 10.0821, 82.5073)
Luminance	0.1008 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#592BEF #C1EF2B

analogous

#2B5FEF #592BEF #BB2BEF

triadic

#592BEF #EF592B #2BEF59

tetradic

#592BEF #EF2B5F #C1EF2B #2BEFBB

square

#592BEF #EF2B5F #C1EF2B #2BEFBB

split-complementary

#592BEF #EFBB2B #5FEF2B

monochromatic

#2B0B94 #3C0FCD #592BEF #8664F3 #B29DF8

Accessibility & contrast

On white

6.96

#592BEF on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.02

#592BEF on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #592BEF

6.96:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##592BEF	#FFFFFF	#000000	##FFFFFF
##592BEF	1.00	6.96	3.02	6.96
#FFFFFF	6.96	1.00	21.00	1.00
#000000	3.02	21.00	1.00	21.00
##FFFFFF	6.96	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#0060F4

Deuteranopia (green-blind)

#0052EC

Tritanopia (blue-blind)

#006990

Achromatopsia (no color)

#595959

Design tokens & code

CSS

--color: #592bef;
/* rgb */ color: rgb(89, 43, 239);
/* oklch */ color: oklch(49.6% 0.263 281.8);

Tailwind

colors: {
  custom: {
    50: '#9b6df6',
    500: '#592bef',
    950: '#000000',
  },
}

SCSS

$custom: #592bef;
$custom-light: #9b6df6;
$custom-dark: #000000;

JSON

{
  "hex": "#592bef",
  "rgb": {
    "r": 89,
    "g": 43,
    "b": 239
  },
  "hsl": {
    "h": 254.082,
    "s": 85.965,
    "l": 55.294
  },
  "oklch": {
    "l": 0.49621,
    "c": 0.26303,
    "h": 281.8
  },
  "luminance": 0.10084
}

Semantic roles & 50–950 ramp

primary

#592BEF

secondary

#D1E492

accent

#FC2CCB

background

#FAF6FF

surface

#F4ECFF

border

#CEC7D7

text

#100817

muted

#7F7B85

Preview Lab

Preview with #592BEF

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

Preview Lab → · Contrast checker → · Palette generator →