#737BFD#737BFD

#737BFD is a light, vivid blue. Relative luminance 0.249; OKLCH L 64.2% C 0.190 H 277.0°. Best body text is #000000 at 5.98:1 contrast (WCAG AA passes).

Color values

HEX	#737BFD
RGB	rgb(115, 123, 253)
HSL	hsl(237, 97%, 72%)
HSV	hsv(237, 55%, 99%)
CMYK	cmyk(54.5%, 51.4%, 0%, 0.8%)
CIE-LAB	lab(56.98, 32.83, -65.98)
CIE-LCH	lch(56.98, 73.69, 296.45°)
OKLab	oklab(64.2% 0.0231 -0.1886)
OKLCH	oklch(64.2% 0.19 277)
XYZ	xyz(31.8772, 24.9005, 96.0360)
Luminance	0.2490 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#737BFD #FDF573

analogous

#73C0FD #737BFD #B073FD

triadic

#737BFD #FD737B #7BFD73

tetradic

#737BFD #FD73C0 #FDF573 #73FDB0

square

#737BFD #FD73C0 #FDF573 #73FDB0

split-complementary

#737BFD #FDB073 #C0FD73

monochromatic

#0311F2 #3742FC #737BFD #AFB4FE #E1E3FF

Accessibility & contrast

On white

3.51

#737BFD on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.98

#737BFD on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #737BFD

5.98:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##737BFD	#FFFFFF	#000000	##000000
##737BFD	1.00	3.51	5.98	5.98
#FFFFFF	3.51	1.00	21.00	21.00
#000000	5.98	21.00	1.00	1.00
##000000	5.98	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#338FFF

Deuteranopia (green-blind)

#1983FA

Tritanopia (blue-blind)

#2B98B0

Achromatopsia (no color)

#898989

Design tokens & code

CSS

--color: #737bfd;
/* rgb */ color: rgb(115, 123, 253);
/* oklch */ color: oklch(64.2% 0.190 277.0);

Tailwind

colors: {
  custom: {
    50: '#a5a1ff',
    500: '#737bfd',
    950: '#000000',
  },
}

SCSS

$custom: #737bfd;
$custom-light: #a5a1ff;
$custom-dark: #000000;

JSON

{
  "hex": "#737bfd",
  "rgb": {
    "r": 115,
    "g": 123,
    "b": 253
  },
  "hsl": {
    "h": 236.522,
    "s": 97.183,
    "l": 72.157
  },
  "oklch": {
    "l": 0.64198,
    "c": 0.19004,
    "h": 277
  },
  "luminance": 0.24903
}

Semantic roles & 50–950 ramp

primary

#737BFD

secondary

#F7F5D4

accent

#D800E6

background

#FAF9FF

surface

#F4F2FF

border

#CECCD7

text

#100E18

muted

#7F7E86

Preview Lab

Preview with #737BFD

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

Preview Lab → · Contrast checker → · Palette generator →