#706FC0#706FC0

#706FC0 is a mid, vivid blue. Relative luminance 0.186; OKLCH L 57.9% C 0.123 H 282.4°. Best body text is #000000 at 4.72:1 contrast (WCAG AA passes).

Color values

HEX	#706FC0
RGB	rgb(112, 111, 192)
HSL	hsl(241, 39%, 59%)
HSV	hsv(241, 42%, 75%)
CMYK	cmyk(41.7%, 42.2%, 0%, 24.7%)
CIE-LAB	lab(50.24, 20.92, -42.43)
CIE-LCH	lch(50.24, 47.30, 296.25°)
OKLab	oklab(57.91% 0.0264 -0.1197)
OKLCH	oklch(57.91% 0.123 282.4)
XYZ	xyz(21.8782, 18.6185, 52.2999)
Luminance	0.1862 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#706FC0 #BFC06F

analogous

#6F97C0 #706FC0 #996FC0

triadic

#706FC0 #C0706F #6FC070

tetradic

#706FC0 #C06F97 #BFC06F #6FC099

square

#706FC0 #C06F97 #BFC06F #6FC099

split-complementary

#706FC0 #C0996F #97C06F

monochromatic

#38377E #4B4AA8 #706FC0 #9A9AD3 #C5C4E5

Accessibility & contrast

On white

4.45

#706FC0 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.72

#706FC0 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #706FC0

4.72:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##706FC0	#FFFFFF	#000000	##000000
##706FC0	1.00	4.45	4.72	4.72
#FFFFFF	4.45	1.00	21.00	21.00
#000000	4.72	21.00	1.00	1.00
##000000	4.72	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#527AC3

Deuteranopia (green-blind)

#4E75BE

Tritanopia (blue-blind)

#587F8E

Achromatopsia (no color)

#787878

Design tokens & code

CSS

--color: #706fc0;
/* rgb */ color: rgb(112, 111, 192);
/* oklch */ color: oklch(57.9% 0.123 282.4);

Tailwind

colors: {
  custom: {
    50: '#9d98d3',
    500: '#706fc0',
    950: '#000000',
  },
}

SCSS

$custom: #706fc0;
$custom-light: #9d98d3;
$custom-dark: #000000;

JSON

{
  "hex": "#706fc0",
  "rgb": {
    "r": 112,
    "g": 111,
    "b": 192
  },
  "hsl": {
    "h": 240.741,
    "s": 39.13,
    "l": 59.412
  },
  "oklch": {
    "l": 0.57912,
    "c": 0.12257,
    "h": 282.4
  },
  "luminance": 0.18619
}

Semantic roles & 50–950 ramp

primary

#706FC0

secondary

#D5D5B6

accent

#CF59CE

background

#F9F9FD

surface

#F2F2FA

border

#CCCCD3

text

#0F0D14

muted

#7E7E83

Preview Lab

Preview with #706FC0

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

Preview Lab → · Contrast checker → · Palette generator →