#0D3128#0D3128

#0D3128 is a dark, muted teal. Relative luminance 0.024; OKLCH L 28.4% C 0.044 H 173.6°. Best body text is #FFFFFF at 14.12:1 contrast (WCAG AA passes).

Color values

HEX#0D3128
RGBrgb(13, 49, 40)
HSLhsl(165, 58%, 12%)
HSVhsv(165, 73%, 19%)
CMYKcmyk(73.5%, 0%, 18.4%, 80.8%)
CIE-LABlab(17.62, -15.54, 1.97)
CIE-LCHlch(17.62, 15.66, 172.77°)
OKLaboklab(28.43% -0.0441 0.005)
OKLCHoklch(28.43% 0.044 173.6)
XYZxyz(1.6471, 2.4352, 2.3903)
Luminance0.0244 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#0D3128 #310D16
analogous
#0D3116 #0D3128 #0D2831
triadic
#0D3128 #280D31 #31280D
tetradic
#0D3128 #160D31 #310D16 #28310D
square
#0D3128 #160D31 #310D16 #28310D
split-complementary
#0D3128 #310D28 #31160D
monochromatic
#061814 #061814 #0D3128 #1A614F #279277

Accessibility & contrast

On white

14.12
#0D3128 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.49
#0D3128 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #0D3128
14.12:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##0D3128#FFFFFF#000000##FFFFFF
##0D31281.0014.121.4914.12
#FFFFFF14.121.0021.001.00
#0000001.4921.001.0021.00
##FFFFFF14.121.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2F2D28
Deuteranopia (green-blind)
#2A2A29
Tritanopia (blue-blind)
#00322E
Achromatopsia (no color)
#2B2B2B

Design tokens & code

CSS
--color: #0d3128;
/* rgb */ color: rgb(13, 49, 40);
/* oklch */ color: oklch(28.4% 0.044 173.6);
Tailwind
colors: {
  custom: {
    50: '#516961',
    500: '#0d3128',
    950: '#000000',
  },
}
SCSS
$custom: #0d3128;
$custom-light: #516961;
$custom-dark: #000000;
JSON
{
  "hex": "#0d3128",
  "rgb": {
    "r": 13,
    "g": 49,
    "b": 40
  },
  "hsl": {
    "h": 165,
    "s": 58.065,
    "l": 12.157
  },
  "oklch": {
    "l": 0.28427,
    "c": 0.04434,
    "h": 173.6
  },
  "luminance": 0.02435
}

Semantic roles & 50–950 ramp

primary
#0D3128
secondary
#6C2E3D
accent
#476DE1
background
#F4F6F5
surface
#E7EBE9
border
#C3C6C5
text
#020605
muted
#787A79

Preview Lab

Preview with #0D3128

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

Preview Lab → · Contrast checker → · Palette generator →

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