#61789B#61789B

#61789B is a mid, moderate blue. Relative luminance 0.183; OKLCH L 56.8% C 0.061 H 258.6°. Best body text is #000000 at 4.67:1 contrast (WCAG AA passes).

Color values

HEX#61789B
RGBrgb(97, 120, 155)
HSLhsl(216, 23%, 49%)
HSVhsv(216, 37%, 61%)
CMYKcmyk(37.4%, 22.6%, 0%, 39.2%)
CIE-LABlab(49.91, 0.70, -21.55)
CIE-LCHlch(49.91, 21.56, 271.86°)
OKLaboklab(56.82% -0.012 -0.0597)
OKLCHoklch(56.82% 0.061 258.6)
XYZxyz(17.5608, 18.3400, 33.6187)
Luminance0.1834 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#61789B #9B8461
analogous
#61959B #61789B #67619B
triadic
#61789B #9B6178 #789B61
tetradic
#61789B #9B6195 #9B8461 #619B67
square
#61789B #9B6195 #9B8461 #619B67
split-complementary
#61789B #9B6761 #959B61
monochromatic
#323E50 #495B75 #61789B #8698B3 #ACB8CB

Accessibility & contrast

On white

4.50
#61789B on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.67
#61789B on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #61789B
4.67:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##61789B#FFFFFF#000000##000000
##61789B1.004.504.674.67
#FFFFFF4.501.0021.0021.00
#0000004.6721.001.001.00
##0000004.6721.001.001.00

Color blindness preview

Protanopia (red-blind)
#6C7A9D
Deuteranopia (green-blind)
#65749A
Tritanopia (blue-blind)
#4E7F84
Achromatopsia (no color)
#777777

Design tokens & code

CSS
--color: #61789b;
/* rgb */ color: rgb(97, 120, 155);
/* oklch */ color: oklch(56.8% 0.061 258.6);
Tailwind
colors: {
  custom: {
    50: '#909eb8',
    500: '#61789b',
    950: '#000000',
  },
}
SCSS
$custom: #61789b;
$custom-light: #909eb8;
$custom-dark: #000000;
JSON
{
  "hex": "#61789b",
  "rgb": {
    "r": 97,
    "g": 120,
    "b": 155
  },
  "hsl": {
    "h": 216.207,
    "s": 23.016,
    "l": 49.412
  },
  "oklch": {
    "l": 0.56818,
    "c": 0.06085,
    "h": 258.6
  },
  "luminance": 0.18341
}

Semantic roles & 50–950 ramp

primary
#61789B
secondary
#B9AF9F
accent
#9D68C0
background
#F8F9FB
surface
#F0F2F6
border
#CBCCD0
text
#0D0E11
muted
#7D7E80

Preview Lab

Preview with #61789B

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

Preview Lab → · Contrast checker → · Palette generator →

#61789B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva