#6A7DF7#6A7DF7

#6A7DF7 is a light, vivid blue. Relative luminance 0.244; OKLCH L 63.6% C 0.182 H 273.5°. Best body text is #000000 at 5.89:1 contrast (WCAG AA passes).

Color values

HEX#6A7DF7
RGBrgb(106, 125, 247)
HSLhsl(232, 90%, 69%)
HSVhsv(232, 57%, 97%)
CMYKcmyk(57.1%, 49.4%, 0%, 3.1%)
CIE-LABlab(56.53, 28.03, -63.41)
CIE-LCHlch(56.53, 69.33, 293.85°)
OKLaboklab(63.59% 0.011 -0.1813)
OKLCHoklch(63.59% 0.182 273.5)
XYZxyz(30.0605, 24.4445, 91.1118)
Luminance0.2445 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6A7DF7 #F7E46A
analogous
#6AC4F7 #6A7DF7 #9E6AF7
triadic
#6A7DF7 #F76A7D #7DF76A
tetradic
#6A7DF7 #F76AC4 #F7E46A #6AF79E
square
#6A7DF7 #F76AC4 #F7E46A #6AF79E
split-complementary
#6A7DF7 #F79E6A #C4F76A
monochromatic
#0C28DB #304AF4 #6A7DF7 #A4B0FA #DEE2FD

Accessibility & contrast

On white

3.57
#6A7DF7 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.89
#6A7DF7 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #6A7DF7
5.89:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6A7DF7#FFFFFF#000000##000000
##6A7DF71.003.575.895.89
#FFFFFF3.571.0021.0021.00
#0000005.8921.001.001.00
##0000005.8921.001.001.00

Color blindness preview

Protanopia (red-blind)
#3D8EFB
Deuteranopia (green-blind)
#2482F4
Tritanopia (blue-blind)
#0099AE
Achromatopsia (no color)
#888888

Design tokens & code

CSS
--color: #6a7df7;
/* rgb */ color: rgb(106, 125, 247);
/* oklch */ color: oklch(63.6% 0.182 273.5);
Tailwind
colors: {
  custom: {
    50: '#9fa2fa',
    500: '#6a7df7',
    950: '#000000',
  },
}
SCSS
$custom: #6a7df7;
$custom-light: #9fa2fa;
$custom-dark: #000000;
JSON
{
  "hex": "#6a7df7",
  "rgb": {
    "r": 106,
    "g": 125,
    "b": 247
  },
  "hsl": {
    "h": 231.915,
    "s": 89.809,
    "l": 69.216
  },
  "oklch": {
    "l": 0.63594,
    "c": 0.18163,
    "h": 273.5
  },
  "luminance": 0.24447
}

Semantic roles & 50–950 ramp

primary
#6A7DF7
secondary
#F3EDCA
accent
#C700E6
background
#FAF9FF
surface
#F4F2FF
border
#CECCD7
text
#100F17
muted
#7F7E85

Preview Lab

Preview with #6A7DF7

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

Preview Lab → · Contrast checker → · Palette generator →

#6A7DF7 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva