#487394#487394

#487394 is a mid, moderate cyan. Relative luminance 0.158; OKLCH L 53.8% C 0.071 H 242.7°. Best body text is #FFFFFF at 5.05:1 contrast (WCAG AA passes).

Color values

HEX#487394
RGBrgb(72, 115, 148)
HSLhsl(206, 35%, 43%)
HSVhsv(206, 51%, 58%)
CMYKcmyk(51.4%, 22.3%, 0%, 42%)
CIE-LABlab(46.68, -5.19, -22.52)
CIE-LCHlch(46.68, 23.11, 257.01°)
OKLaboklab(53.8% -0.0324 -0.0628)
OKLCHoklch(53.8% 0.071 242.7)
XYZxyz(14.1466, 15.7762, 30.3109)
Luminance0.1578 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#487394 #946948
analogous
#48948F #487394 #484D94
triadic
#487394 #944873 #739448
tetradic
#487394 #8F4894 #946948 #4D9448
square
#487394 #8F4894 #946948 #4D9448
split-complementary
#487394 #94484D #948F48
monochromatic
#203342 #34536B #487394 #6592B4 #8EAFC8

Accessibility & contrast

On white

5.05
#487394 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.16
#487394 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #487394
5.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##487394#FFFFFF#000000##FFFFFF
##4873941.005.054.165.05
#FFFFFF5.051.0021.001.00
#0000004.1621.001.0021.00
##FFFFFF5.051.0021.001.00

Color blindness preview

Protanopia (red-blind)
#657396
Deuteranopia (green-blind)
#5B6B93
Tritanopia (blue-blind)
#217B7E
Achromatopsia (no color)
#6F6F6F

Design tokens & code

CSS
--color: #487394;
/* rgb */ color: rgb(72, 115, 148);
/* oklch */ color: oklch(53.8% 0.071 242.7);
Tailwind
colors: {
  custom: {
    50: '#809bb3',
    500: '#487394',
    950: '#000000',
  },
}
SCSS
$custom: #487394;
$custom-light: #809bb3;
$custom-dark: #000000;
JSON
{
  "hex": "#487394",
  "rgb": {
    "r": 72,
    "g": 115,
    "b": 148
  },
  "hsl": {
    "h": 206.053,
    "s": 34.545,
    "l": 43.137
  },
  "oklch": {
    "l": 0.53797,
    "c": 0.07064,
    "h": 242.7
  },
  "luminance": 0.15777
}

Semantic roles & 50–950 ramp

primary
#487394
secondary
#B49984
accent
#8D5DCB
background
#F8F9FB
surface
#EFF2F6
border
#CACCD0
text
#0A0E11
muted
#7C7E80

Preview Lab

Preview with #487394

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

Preview Lab → · Contrast checker → · Palette generator →

#487394 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva