#7796FD#7796FD

#7796FD is a light, vivid blue. Relative luminance 0.328; OKLCH L 69.6% C 0.155 H 269.4°. Best body text is #000000 at 7.57:1 contrast (WCAG AA passes).

Color values

HEX	#7796FD
RGB	rgb(119, 150, 253)
HSL	hsl(226, 97%, 73%)
HSV	hsv(226, 53%, 99%)
CMYK	cmyk(53%, 40.7%, 0%, 0.8%)
CIE-LAB	lab(64.02, 17.65, -54.70)
CIE-LCH	lch(64.02, 57.48, 287.89°)
OKLab	oklab(69.61% -0.0015 -0.1552)
OKLCH	oklch(69.61% 0.155 269.4)
XYZ	xyz(36.2379, 32.8239, 97.3355)
Luminance	0.3283 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#7796FD #FDDE77

analogous

#77D9FD #7796FD #9B77FD

triadic

#7796FD #FD7796 #96FD77

tetradic

#7796FD #FD77D9 #FDDE77 #77FD9B

square

#7796FD #FD77D9 #FDDE77 #77FD9B

split-complementary

#7796FD #FD9B77 #D9FD77

monochromatic

#043CF6 #3B67FC #7796FD #B3C5FE #E1E8FF

Accessibility & contrast

On white

2.78

#7796FD on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.57

#7796FD on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #7796FD

7.57:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##7796FD	#FFFFFF	#000000	##000000
##7796FD	1.00	2.78	7.57	7.57
#FFFFFF	2.78	1.00	21.00	21.00
#000000	7.57	21.00	1.00	1.00
##000000	7.57	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#6BA1FF

Deuteranopia (green-blind)

#5C96FB

Tritanopia (blue-blind)

#33ACBD

Achromatopsia (no color)

#9B9B9B

Design tokens & code

CSS

--color: #7796fd;
/* rgb */ color: rgb(119, 150, 253);
/* oklch */ color: oklch(69.6% 0.155 269.4);

Tailwind

colors: {
  custom: {
    50: '#a6b4fe',
    500: '#7796fd',
    950: '#000000',
  },
}

SCSS

$custom: #7796fd;
$custom-light: #a6b4fe;
$custom-dark: #000000;

JSON

{
  "hex": "#7796fd",
  "rgb": {
    "r": 119,
    "g": 150,
    "b": 253
  },
  "hsl": {
    "h": 226.119,
    "s": 97.101,
    "l": 72.941
  },
  "oklch": {
    "l": 0.69612,
    "c": 0.15521,
    "h": 269.4
  },
  "luminance": 0.32826
}

Semantic roles & 50–950 ramp

primary

#7796FD

secondary

#F7EFD4

accent

#B000E6

background

#FAFBFF

surface

#F4F6FF

border

#CED0D7

text

#101118

muted

#7F8086

Preview Lab

Preview with #7796FD

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

Preview Lab → · Contrast checker → · Palette generator →