#7A77EE#7A77EE

#7A77EE is a light, vivid blue. Relative luminance 0.235; OKLCH L 63.0% C 0.174 H 281.3°. Best body text is #000000 at 5.70:1 contrast (WCAG AA passes).

Color values

HEX#7A77EE
RGBrgb(122, 119, 238)
HSLhsl(242, 78%, 70%)
HSVhsv(242, 50%, 93%)
CMYKcmyk(48.7%, 50%, 0%, 6.7%)
CIE-LABlab(55.59, 32.06, -59.88)
CIE-LCHlch(55.59, 67.92, 298.17°)
OKLaboklab(62.98% 0.0341 -0.1706)
OKLCHoklch(62.98% 0.174 281.3)
XYZxyz(30.0508, 23.5027, 83.8254)
Luminance0.2350 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7A77EE #EBEE77
analogous
#77AFEE #7A77EE #B677EE
triadic
#7A77EE #EE7A77 #77EE7A
tetradic
#7A77EE #EE77AF #EBEE77 #77EEB6
square
#7A77EE #EE77AF #EBEE77 #77EEB6
split-complementary
#7A77EE #EEB677 #AFEE77
monochromatic
#1F1AD1 #4541E7 #7A77EE #AFADF5 #E4E4FC

Accessibility & contrast

On white

3.68
#7A77EE on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.70
#7A77EE on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #7A77EE
5.70:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7A77EE#FFFFFF#000000##000000
##7A77EE1.003.685.705.70
#FFFFFF3.681.0021.0021.00
#0000005.7021.001.001.00
##0000005.7021.001.001.00

Color blindness preview

Protanopia (red-blind)
#3E8AF2
Deuteranopia (green-blind)
#3581EB
Tritanopia (blue-blind)
#4F91A7
Achromatopsia (no color)
#858585

Design tokens & code

CSS
--color: #7a77ee;
/* rgb */ color: rgb(122, 119, 238);
/* oklch */ color: oklch(63.0% 0.174 281.3);
Tailwind
colors: {
  custom: {
    50: '#a79ef4',
    500: '#7a77ee',
    950: '#000000',
  },
}
SCSS
$custom: #7a77ee;
$custom-light: #a79ef4;
$custom-dark: #000000;
JSON
{
  "hex": "#7a77ee",
  "rgb": {
    "r": 122,
    "g": 119,
    "b": 238
  },
  "hsl": {
    "h": 241.513,
    "s": 77.778,
    "l": 70
  },
  "oklch": {
    "l": 0.62984,
    "c": 0.17394,
    "h": 281.3
  },
  "luminance": 0.23504
}

Semantic roles & 50–950 ramp

primary
#7A77EE
secondary
#F0F1D0
accent
#DA0BD5
background
#FAF9FF
surface
#F4F2FE
border
#CECCD6
text
#100E17
muted
#7F7E85

Preview Lab

Preview with #7A77EE

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

Preview Lab → · Contrast checker → · Palette generator →

#7A77EE Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva