#0A2B29#0A2B29

#0A2B29 is a dark, muted teal. Relative luminance 0.020; OKLCH L 26.5% C 0.038 H 189.5°. Best body text is #FFFFFF at 15.10:1 contrast (WCAG AA passes).

Color values

HEX#0A2B29
RGBrgb(10, 43, 41)
HSLhsl(176, 62%, 10%)
HSVhsv(176, 77%, 17%)
CMYKcmyk(76.7%, 0%, 4.7%, 83.1%)
CIE-LABlab(15.23, -12.38, -2.23)
CIE-LCHlch(15.23, 12.58, 190.22°)
OKLaboklab(26.47% -0.0374 -0.0062)
OKLCHoklch(26.47% 0.038 189.5)
XYZxyz(1.3891, 1.9522, 2.4010)
Luminance0.0195 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#0A2B29 #2B0A0C
analogous
#0A2B18 #0A2B29 #0A1C2B
triadic
#0A2B29 #290A2B #2B290A
tetradic
#0A2B29 #180A2B #2B0A0C #1C2B0A
square
#0A2B29 #180A2B #2B0A0C #1C2B0A
split-complementary
#0A2B29 #2B0A1C #2B180A
monochromatic
#061918 #061918 #0A2B29 #165D58 #218E88

Accessibility & contrast

On white

15.10
#0A2B29 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.39
#0A2B29 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #0A2B29
15.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##0A2B29#FFFFFF#000000##FFFFFF
##0A2B291.0015.101.3915.10
#FFFFFF15.101.0021.001.00
#0000001.3921.001.0021.00
##FFFFFF15.101.0021.001.00

Color blindness preview

Protanopia (red-blind)
#282829
Deuteranopia (green-blind)
#232529
Tritanopia (blue-blind)
#002C2A
Achromatopsia (no color)
#262626

Design tokens & code

CSS
--color: #0a2b29;
/* rgb */ color: rgb(10, 43, 41);
/* oklch */ color: oklch(26.5% 0.038 189.5);
Tailwind
colors: {
  custom: {
    50: '#4e6462',
    500: '#0a2b29',
    950: '#000000',
  },
}
SCSS
$custom: #0a2b29;
$custom-light: #4e6462;
$custom-dark: #000000;
JSON
{
  "hex": "#0a2b29",
  "rgb": {
    "r": 10,
    "g": 43,
    "b": 41
  },
  "hsl": {
    "h": 176.364,
    "s": 62.264,
    "l": 10.392
  },
  "oklch": {
    "l": 0.26467,
    "c": 0.03789,
    "h": 189.5
  },
  "luminance": 0.01952
}

Semantic roles & 50–950 ramp

primary
#0A2B29
secondary
#68292D
accent
#424CE5
background
#F4F6F5
surface
#E7EBEA
border
#C3C6C6
text
#020505
muted
#787A79

Preview Lab

Preview with #0A2B29

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

Preview Lab → · Contrast checker → · Palette generator →

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