#0D1F35#0D1F35

#0D1F35 is a very dark, muted cyan. Relative luminance 0.013; OKLCH L 23.7% C 0.049 H 254.5°. Best body text is #FFFFFF at 16.61:1 contrast (WCAG AA passes).

Color values

HEX#0D1F35
RGBrgb(13, 31, 53)
HSLhsl(213, 61%, 13%)
HSVhsv(213, 75%, 21%)
CMYKcmyk(75.5%, 41.5%, 0%, 79.2%)
CIE-LABlab(11.43, 1.28, -16.62)
CIE-LCHlch(11.43, 16.67, 274.41°)
OKLaboklab(23.67% -0.013 -0.0471)
OKLCHoklch(23.67% 0.049 254.5)
XYZxyz(1.2983, 1.3225, 3.5543)
Luminance0.0132 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#0D1F35 #35230D
analogous
#0D3335 #0D1F35 #0F0D35
triadic
#0D1F35 #350D1F #1F350D
tetradic
#0D1F35 #350D33 #35230D #0D350F
square
#0D1F35 #350D33 #35230D #0D350F
split-complementary
#0D1F35 #350F0D #33350D
monochromatic
#060E19 #060E19 #0D1F35 #193C66 #255897

Accessibility & contrast

On white

16.61
#0D1F35 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.26
#0D1F35 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #0D1F35
16.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##0D1F35#FFFFFF#000000##FFFFFF
##0D1F351.0016.611.2616.61
#FFFFFF16.611.0021.001.00
#0000001.2621.001.0021.00
##FFFFFF16.611.0021.001.00

Color blindness preview

Protanopia (red-blind)
#152036
Deuteranopia (green-blind)
#101D35
Tritanopia (blue-blind)
#002427
Achromatopsia (no color)
#1E1E1E

Design tokens & code

CSS
--color: #0d1f35;
/* rgb */ color: rgb(13, 31, 53);
/* oklch */ color: oklch(23.7% 0.049 254.5);
Tailwind
colors: {
  custom: {
    50: '#515a6c',
    500: '#0d1f35',
    950: '#000000',
  },
}
SCSS
$custom: #0d1f35;
$custom-light: #515a6c;
$custom-dark: #000000;
JSON
{
  "hex": "#0d1f35",
  "rgb": {
    "r": 13,
    "g": 31,
    "b": 53
  },
  "hsl": {
    "h": 213,
    "s": 60.606,
    "l": 12.941
  },
  "oklch": {
    "l": 0.23665,
    "c": 0.04889,
    "h": 254.5
  },
  "luminance": 0.01323
}

Semantic roles & 50–950 ramp

primary
#0D1F35
secondary
#70522D
accent
#9C44E4
background
#F4F5F6
surface
#E7E9EB
border
#C3C5C6
text
#020307
muted
#78787A

Preview Lab

Preview with #0D1F35

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

Preview Lab → · Contrast checker → · Palette generator →

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