#0F2055#0F2055

#0F2055 is a dark, moderate blue. Relative luminance 0.018; OKLCH L 26.7% C 0.099 H 266.2°. Best body text is #FFFFFF at 15.46:1 contrast (WCAG AA passes).

Color values

HEX#0F2055
RGBrgb(15, 32, 85)
HSLhsl(225, 70%, 20%)
HSVhsv(225, 82%, 33%)
CMYKcmyk(82.4%, 62.4%, 0%, 66.7%)
CIE-LABlab(14.35, 14.92, -34.20)
CIE-LCHlch(14.35, 37.31, 293.57°)
OKLaboklab(26.71% -0.0066 -0.0987)
OKLCHoklch(26.71% 0.099 266.2)
XYZxyz(2.3526, 1.7902, 8.8141)
Luminance0.0179 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#0F2055 #55440F
analogous
#0F4355 #0F2055 #210F55
triadic
#0F2055 #550F20 #20550F
tetradic
#0F2055 #550F43 #55440F #0F5521
square
#0F2055 #550F43 #55440F #0F5521
split-complementary
#0F2055 #55210F #43550F
monochromatic
#050A1A #060C21 #0F2055 #183489 #2147BD

Accessibility & contrast

On white

15.46
#0F2055 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.36
#0F2055 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #0F2055
15.46:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##0F2055#FFFFFF#000000##FFFFFF
##0F20551.0015.461.3615.46
#FFFFFF15.461.0021.001.00
#0000001.3621.001.0021.00
##FFFFFF15.461.0021.001.00

Color blindness preview

Protanopia (red-blind)
#002857
Deuteranopia (green-blind)
#002154
Tritanopia (blue-blind)
#002D37
Achromatopsia (no color)
#242424

Design tokens & code

CSS
--color: #0f2055;
/* rgb */ color: rgb(15, 32, 85);
/* oklch */ color: oklch(26.7% 0.099 266.2);
Tailwind
colors: {
  custom: {
    50: '#5a5b85',
    500: '#0f2055',
    950: '#000000',
  },
}
SCSS
$custom: #0f2055;
$custom-light: #5a5b85;
$custom-dark: #000000;
JSON
{
  "hex": "#0f2055",
  "rgb": {
    "r": 15,
    "g": 32,
    "b": 85
  },
  "hsl": {
    "h": 225.429,
    "s": 70,
    "l": 19.608
  },
  "oklch": {
    "l": 0.26713,
    "c": 0.09892,
    "h": 266.2
  },
  "luminance": 0.0179
}

Semantic roles & 50–950 ramp

primary
#0F2055
secondary
#8F7831
accent
#C23BED
background
#F5F5F8
surface
#E9E9EF
border
#C5C5CA
text
#04040B
muted
#79797C

Preview Lab

Preview with #0F2055

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

Preview Lab → · Contrast checker → · Palette generator →

#0F2055 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva