#618CF0#618CF0

#618CF0 is a light, vivid blue. Relative luminance 0.276; OKLCH L 65.6% C 0.157 H 264.9°. Best body text is #000000 at 6.52:1 contrast (WCAG AA passes).

Color values

HEX#618CF0
RGBrgb(97, 140, 240)
HSLhsl(222, 83%, 66%)
HSVhsv(222, 60%, 94%)
CMYKcmyk(59.6%, 41.7%, 0%, 5.9%)
CIE-LABlab(59.51, 15.06, -54.80)
CIE-LCHlch(59.51, 56.83, 285.37°)
OKLaboklab(65.61% -0.0139 -0.156)
OKLCHoklch(65.61% 0.157 264.9)
XYZxyz(30.0306, 27.5863, 86.1633)
Luminance0.2759 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#618CF0 #F0C561
analogous
#61D3F0 #618CF0 #7D61F0
triadic
#618CF0 #F0618C #8CF061
tetradic
#618CF0 #F061D3 #F0C561 #61F07D
square
#618CF0 #F061D3 #F0C561 #61F07D
split-complementary
#618CF0 #F07D61 #D3F061
monochromatic
#1348C4 #2963EB #618CF0 #99B5F5 #D1DDFB

Accessibility & contrast

On white

3.22
#618CF0 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.52
#618CF0 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #618CF0
6.52:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##618CF0#FFFFFF#000000##000000
##618CF01.003.226.526.52
#FFFFFF3.221.0021.0021.00
#0000006.5221.001.001.00
##0000006.5221.001.001.00

Color blindness preview

Protanopia (red-blind)
#6096F4
Deuteranopia (green-blind)
#4B89EE
Tritanopia (blue-blind)
#00A2B2
Achromatopsia (no color)
#8F8F8F

Design tokens & code

CSS
--color: #618cf0;
/* rgb */ color: rgb(97, 140, 240);
/* oklch */ color: oklch(65.6% 0.157 264.9);
Tailwind
colors: {
  custom: {
    50: '#99adf5',
    500: '#618cf0',
    950: '#000000',
  },
}
SCSS
$custom: #618cf0;
$custom-light: #99adf5;
$custom-dark: #000000;
JSON
{
  "hex": "#618cf0",
  "rgb": {
    "r": 97,
    "g": 140,
    "b": 240
  },
  "hsl": {
    "h": 221.958,
    "s": 82.659,
    "l": 66.078
  },
  "oklch": {
    "l": 0.65608,
    "c": 0.15661,
    "h": 264.9
  },
  "luminance": 0.27589
}

Semantic roles & 50–950 ramp

primary
#618CF0
secondary
#EEE0BF
accent
#9E06DF
background
#FAFAFF
surface
#F3F4FE
border
#CDCED6
text
#0F1017
muted
#7F7F85

Preview Lab

Preview with #618CF0

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

Preview Lab → · Contrast checker → · Palette generator →

#618CF0 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva