#1F58BB#1F58BB

#1F58BB is a mid, vivid blue. Relative luminance 0.109; OKLCH L 48.4% C 0.167 H 260.7°. Best body text is #FFFFFF at 6.62:1 contrast (WCAG AA passes).

Color values

HEX#1F58BB
RGBrgb(31, 88, 187)
HSLhsl(218, 72%, 43%)
HSVhsv(218, 83%, 73%)
CMYKcmyk(83.4%, 52.9%, 0%, 26.7%)
CIE-LABlab(39.34, 19.23, -57.24)
CIE-LCHlch(39.34, 60.38, 288.57°)
OKLaboklab(48.35% -0.027 -0.1651)
OKLCHoklch(48.35% 0.167 260.7)
XYZxyz(13.0212, 10.8570, 48.4134)
Luminance0.1086 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#1F58BB #BB821F
analogous
#1FA6BB #1F58BB #341FBB
triadic
#1F58BB #BB1F58 #58BB1F
tetradic
#1F58BB #BB1FA6 #BB821F #1FBB34
square
#1F58BB #BB1FA6 #BB821F #1FBB34
split-complementary
#1F58BB #BB341F #A6BB1F
monochromatic
#0E2752 #163F87 #1F58BB #3975DE #6E9AE7

Accessibility & contrast

On white

6.62
#1F58BB on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.17
#1F58BB on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #1F58BB
6.62:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##1F58BB#FFFFFF#000000##FFFFFF
##1F58BB1.006.623.176.62
#FFFFFF6.621.0021.001.00
#0000003.1721.001.0021.00
##FFFFFF6.621.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0A64BF
Deuteranopia (green-blind)
#0056B9
Tritanopia (blue-blind)
#007081
Achromatopsia (no color)
#5D5D5D

Design tokens & code

CSS
--color: #1f58bb;
/* rgb */ color: rgb(31, 88, 187);
/* oklch */ color: oklch(48.4% 0.167 260.7);
Tailwind
colors: {
  custom: {
    50: '#7686d0',
    500: '#1f58bb',
    950: '#000000',
  },
}
SCSS
$custom: #1f58bb;
$custom-light: #7686d0;
$custom-dark: #000000;
JSON
{
  "hex": "#1f58bb",
  "rgb": {
    "r": 31,
    "g": 88,
    "b": 187
  },
  "hsl": {
    "h": 218.077,
    "s": 71.56,
    "l": 42.745
  },
  "oklch": {
    "l": 0.48352,
    "c": 0.16729,
    "h": 260.7
  },
  "luminance": 0.10859
}

Semantic roles & 50–950 ramp

primary
#1F58BB
secondary
#CDA869
accent
#AC3AEE
background
#F7F8FC
surface
#EEEFF9
border
#C9CAD2
text
#0A0B14
muted
#7C7C82

Preview Lab

Preview with #1F58BB

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

Preview Lab → · Contrast checker → · Palette generator →

#1F58BB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva