Cobalt#0047AB

#0047AB is a dark, vivid blue. Relative luminance 0.074; OKLCH L 42.8% C 0.172 H 259.7°. Best body text is #FFFFFF at 8.44:1 contrast (WCAG AA passes).

Cobalt — editorial page

Color values

HEX#0047AB
RGBrgb(0, 71, 171)
HSLhsl(215, 100%, 34%)
HSVhsv(215, 100%, 67%)
CMYKcmyk(100%, 58.5%, 0%, 32.9%)
CIE-LABlab(32.80, 22.52, -58.44)
CIE-LCHlch(32.80, 62.63, 291.07°)
OKLaboklab(42.84% -0.0307 -0.1692)
OKLCHoklch(42.84% 0.172 259.7)
XYZxyz(9.6012, 7.4454, 39.4512)
Luminance0.0745 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#0047AB #AB6400
analogous
#009CAB #0047AB #0F00AB
triadic
#0047AB #AB0047 #47AB00
tetradic
#0047AB #AB009C #AB6400 #00AB0F
square
#0047AB #AB009C #AB6400 #00AB0F
split-complementary
#0047AB #AB0F00 #9CAB00
monochromatic
#001431 #002E6E #0047AB #0060E8 #2680FF

Accessibility & contrast

On white

8.44
#0047AB on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.49
#0047AB on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #0047AB
8.44:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##0047AB#FFFFFF#000000##FFFFFF
##0047AB1.008.442.498.44
#FFFFFF8.441.0021.001.00
#0000002.4921.001.0021.00
##FFFFFF8.441.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0055AE
Deuteranopia (green-blind)
#0046A9
Tritanopia (blue-blind)
#006172
Achromatopsia (no color)
#4D4D4D

Related colors

#0E4098
#143986
#173375
#192C63
#182653
#171F42
#151933
#121324
#0B0B16
#000000
#3957B4
#5668BC
#6E79C5
#848BCD
#999DD6
#AEB0DE
#C2C3E6
#D7D7EF
#EBEBF7
#FFFFFF
#2047A1
#2E4898
#37488E
#3D4985

Palettes with this color

Design tokens & code

CSS
--color: #0047ab;
/* rgb */ color: rgb(0, 71, 171);
/* oklch */ color: oklch(42.8% 0.172 259.7);
Tailwind
colors: {
  custom: {
    50: '#6e79c5',
    500: '#0047ab',
    950: '#000000',
  },
}
SCSS
$custom: #0047ab;
$custom-light: #6e79c5;
$custom-dark: #000000;
JSON
{
  "hex": "#0047ab",
  "rgb": {
    "r": 0,
    "g": 71,
    "b": 171
  },
  "hsl": {
    "h": 215.088,
    "s": 100,
    "l": 33.529
  },
  "oklch": {
    "l": 0.42842,
    "c": 0.17201,
    "h": 259.7
  },
  "luminance": 0.07447
}

Semantic roles & 50–950 ramp

primary
#0047AB
secondary
#DA922D
accent
#A629FF
background
#F7F7FC
surface
#EDEDF8
border
#C8C8D1
text
#090913
muted
#7B7B82

Preview Lab

Preview with #0047AB

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

Preview Lab → · Contrast checker → · Palette generator →

#0047AB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva