#707397#707397

#707397 is a mid, muted blue. Relative luminance 0.179; OKLCH L 56.7% C 0.056 H 280.8°. Best body text is #000000 at 4.59:1 contrast (WCAG AA passes).

Color values

HEX	#707397
RGB	rgb(112, 115, 151)
HSL	hsl(235, 16%, 52%)
HSV	hsv(235, 26%, 59%)
CMYK	cmyk(25.8%, 23.8%, 0%, 40.8%)
CIE-LAB	lab(49.42, 7.23, -19.85)
CIE-LCH	lch(49.42, 21.12, 290.02°)
OKLab	oklab(56.67% 0.0104 -0.0546)
OKLCH	oklch(56.67% 0.056 280.8)
XYZ	xyz(18.3973, 17.9402, 31.7657)
Luminance	0.1794 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#707397 #979470

analogous

#708797 #707397 #817097

triadic

#707397 #977073 #739770

tetradic

#707397 #977087 #979470 #709781

square

#707397 #977087 #979470 #709781

split-complementary

#707397 #978170 #879770

monochromatic

#3B3D51 #555775 #707397 #9396B1 #B7B8CB

Accessibility & contrast

On white

4.58

#707397 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.59

#707397 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #707397

4.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##707397	#FFFFFF	#000000	##000000
##707397	1.00	4.58	4.59	4.59
#FFFFFF	4.58	1.00	21.00	21.00
#000000	4.59	21.00	1.00	1.00
##000000	4.59	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#697799

Deuteranopia (green-blind)

#677496

Tritanopia (blue-blind)

#67797F

Achromatopsia (no color)

#757575

Design tokens & code

CSS

--color: #707397;
/* rgb */ color: rgb(112, 115, 151);
/* oklch */ color: oklch(56.7% 0.056 280.8);

Tailwind

colors: {
  custom: {
    50: '#9a9bb5',
    500: '#707397',
    950: '#000000',
  },
}

SCSS

$custom: #707397;
$custom-light: #9a9bb5;
$custom-dark: #000000;

JSON

{
  "hex": "#707397",
  "rgb": {
    "r": 112,
    "g": 115,
    "b": 151
  },
  "hsl": {
    "h": 235.385,
    "s": 15.789,
    "l": 51.569
  },
  "oklch": {
    "l": 0.56666,
    "c": 0.05558,
    "h": 280.8
  },
  "luminance": 0.17941
}

Semantic roles & 50–950 ramp

primary

#707397

secondary

#BAB9A9

accent

#B36FB9

background

#F9F9FB

surface

#F2F2F6

border

#CCCCD0

text

#0E0E11

muted

#7E7E80

Preview Lab

Preview with #707397

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

Preview Lab → · Contrast checker → · Palette generator →