#0B4A45#0B4A45

#0B4A45 is a dark, moderate teal. Relative luminance 0.054; OKLCH L 37.1% C 0.060 H 186.7°. Best body text is #FFFFFF at 10.10:1 contrast (WCAG AA passes).

Color values

HEX#0B4A45
RGBrgb(11, 74, 69)
HSLhsl(175, 74%, 17%)
HSVhsv(175, 85%, 29%)
CMYKcmyk(85.1%, 0%, 6.8%, 71%)
CIE-LABlab(27.84, -20.11, -2.49)
CIE-LCHlch(27.84, 20.27, 187.06°)
OKLaboklab(37.05% -0.0598 -0.0071)
OKLCHoklch(37.05% 0.06 186.7)
XYZxyz(3.6605, 5.3979, 6.4781)
Luminance0.0540 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#0B4A45 #4A0B10
analogous
#0B4A26 #0B4A45 #0B304A
triadic
#0B4A45 #450B4A #4A450B
tetradic
#0B4A45 #260B4A #4A0B10 #304A0B
square
#0B4A45 #260B4A #4A0B10 #304A0B
split-complementary
#0B4A45 #4A0B30 #4A260B
monochromatic
#041B19 #041B19 #0B4A45 #137F77 #1BB5A8

Accessibility & contrast

On white

10.10
#0B4A45 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.08
#0B4A45 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #0B4A45
10.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##0B4A45#FFFFFF#000000##FFFFFF
##0B4A451.0010.102.0810.10
#FFFFFF10.101.0021.001.00
#0000002.0821.001.0021.00
##FFFFFF10.101.0021.001.00

Color blindness preview

Protanopia (red-blind)
#464545
Deuteranopia (green-blind)
#3D3F46
Tritanopia (blue-blind)
#004C48
Achromatopsia (no color)
#424242

Design tokens & code

CSS
--color: #0b4a45;
/* rgb */ color: rgb(11, 74, 69);
/* oklch */ color: oklch(37.1% 0.060 186.7);
Tailwind
colors: {
  custom: {
    50: '#587d78',
    500: '#0b4a45',
    950: '#000000',
  },
}
SCSS
$custom: #0b4a45;
$custom-light: #587d78;
$custom-dark: #000000;
JSON
{
  "hex": "#0b4a45",
  "rgb": {
    "r": 11,
    "g": 74,
    "b": 69
  },
  "hsl": {
    "h": 175.238,
    "s": 74.118,
    "l": 16.667
  },
  "oklch": {
    "l": 0.37054,
    "c": 0.06027,
    "h": 186.7
  },
  "luminance": 0.05398
}

Semantic roles & 50–950 ramp

primary
#0B4A45
secondary
#862B32
accent
#3746F1
background
#F5F7F7
surface
#E9EEED
border
#C5C9C8
text
#040909
muted
#797B7B

Preview Lab

Preview with #0B4A45

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

Preview Lab → · Contrast checker → · Palette generator →

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