#6491BB#6491BB

#6491BB is a light, moderate cyan. Relative luminance 0.265; OKLCH L 64.1% C 0.080 H 247.5°. Best body text is #000000 at 6.31:1 contrast (WCAG AA passes).

Color values

HEX#6491BB
RGBrgb(100, 145, 187)
HSLhsl(209, 39%, 56%)
HSVhsv(209, 47%, 73%)
CMYKcmyk(46.5%, 22.5%, 0%, 26.7%)
CIE-LABlab(58.55, -3.80, -26.63)
CIE-LCHlch(58.55, 26.90, 261.88°)
OKLaboklab(64.08% -0.0307 -0.0741)
OKLCHoklch(64.08% 0.08 247.5)
XYZxyz(24.3475, 26.5463, 50.8450)
Luminance0.2655 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6491BB #BB8E64
analogous
#64BBBA #6491BB #6466BB
triadic
#6491BB #BB6491 #91BB64
tetradic
#6491BB #BA64BB #BB8E64 #66BB64
square
#6491BB #BA64BB #BB8E64 #66BB64
split-complementary
#6491BB #BB6466 #BBBA64
monochromatic
#325372 #45729D #6491BB #8FAFCE #B9CDE0

Accessibility & contrast

On white

3.33
#6491BB on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.31
#6491BB on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #6491BB
6.31:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6491BB#FFFFFF#000000##000000
##6491BB1.003.336.316.31
#FFFFFF3.331.0021.0021.00
#0000006.3121.001.001.00
##0000006.3121.001.001.00

Color blindness preview

Protanopia (red-blind)
#8092BD
Deuteranopia (green-blind)
#7589BA
Tritanopia (blue-blind)
#3F9B9F
Achromatopsia (no color)
#8D8D8D

Design tokens & code

CSS
--color: #6491bb;
/* rgb */ color: rgb(100, 145, 187);
/* oklch */ color: oklch(64.1% 0.080 247.5);
Tailwind
colors: {
  custom: {
    50: '#94b1cf',
    500: '#6491bb',
    950: '#000000',
  },
}
SCSS
$custom: #6491bb;
$custom-light: #94b1cf;
$custom-dark: #000000;
JSON
{
  "hex": "#6491bb",
  "rgb": {
    "r": 100,
    "g": 145,
    "b": 187
  },
  "hsl": {
    "h": 208.966,
    "s": 39.013,
    "l": 56.275
  },
  "oklch": {
    "l": 0.64083,
    "c": 0.08023,
    "h": 247.5
  },
  "luminance": 0.26548
}

Semantic roles & 50–950 ramp

primary
#6491BB
secondary
#CFBDAB
accent
#9259CF
background
#F9FAFC
surface
#F2F4F9
border
#CCCED2
text
#0D1014
muted
#7E7F82

Preview Lab

Preview with #6491BB

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

Preview Lab → · Contrast checker → · Palette generator →

#6491BB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva