#7890F6#7890F6

#7890F6 is a light, vivid blue. Relative luminance 0.306; OKLCH L 68.1% C 0.153 H 271.8°. Best body text is #000000 at 7.12:1 contrast (WCAG AA passes).

Color values

HEX#7890F6
RGBrgb(120, 144, 246)
HSLhsl(229, 88%, 72%)
HSVhsv(229, 51%, 96%)
CMYKcmyk(51.2%, 41.5%, 0%, 3.5%)
CIE-LABlab(62.16, 19.24, -53.81)
CIE-LCHlch(62.16, 57.15, 289.68°)
OKLaboklab(68.08% 0.0049 -0.1526)
OKLCHoklch(68.08% 0.153 271.8)
XYZxyz(34.3482, 30.5911, 91.2656)
Luminance0.3059 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7890F6 #F6DE78
analogous
#78CFF6 #7890F6 #9F78F6
triadic
#7890F6 #F67890 #90F678
tetradic
#7890F6 #F678CF #F6DE78 #78F69F
square
#7890F6 #F678CF #F6DE78 #78F69F
split-complementary
#7890F6 #F69F78 #CFF678
monochromatic
#0F38E4 #3F61F2 #7890F6 #B1BFFA #E2E7FD

Accessibility & contrast

On white

2.95
#7890F6 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.12
#7890F6 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #7890F6
7.12:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7890F6#FFFFFF#000000##000000
##7890F61.002.957.127.12
#FFFFFF2.951.0021.0021.00
#0000007.1221.001.001.00
##0000007.1221.001.001.00

Color blindness preview

Protanopia (red-blind)
#669CFA
Deuteranopia (green-blind)
#5991F4
Tritanopia (blue-blind)
#3FA6B7
Achromatopsia (no color)
#969696

Design tokens & code

CSS
--color: #7890f6;
/* rgb */ color: rgb(120, 144, 246);
/* oklch */ color: oklch(68.1% 0.153 271.8);
Tailwind
colors: {
  custom: {
    50: '#a6b0fa',
    500: '#7890f6',
    950: '#000000',
  },
}
SCSS
$custom: #7890f6;
$custom-light: #a6b0fa;
$custom-dark: #000000;
JSON
{
  "hex": "#7890f6",
  "rgb": {
    "r": 120,
    "g": 144,
    "b": 246
  },
  "hsl": {
    "h": 228.571,
    "s": 87.5,
    "l": 71.765
  },
  "oklch": {
    "l": 0.68084,
    "c": 0.15271,
    "h": 271.8
  },
  "luminance": 0.30593
}

Semantic roles & 50–950 ramp

primary
#7890F6
secondary
#F5EFD5
accent
#B901E4
background
#FAFAFF
surface
#F4F4FF
border
#CECED7
text
#101017
muted
#7F7F85

Preview Lab

Preview with #7890F6

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

Preview Lab → · Contrast checker → · Palette generator →

#7890F6 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva