#084B33#084B33

#084B33 is a dark, moderate teal. Relative luminance 0.053; OKLCH L 36.7% C 0.075 H 162.7°. Best body text is #FFFFFF at 10.17:1 contrast (WCAG AA passes).

Color values

HEX#084B33
RGBrgb(8, 75, 51)
HSLhsl(159, 81%, 16%)
HSVhsv(159, 89%, 29%)
CMYKcmyk(89.3%, 0%, 32%, 70.6%)
CIE-LABlab(27.63, -26.40, 8.80)
CIE-LCHlch(27.63, 27.83, 161.56°)
OKLaboklab(36.7% -0.0721 0.0224)
OKLCHoklch(36.7% 0.075 162.7)
XYZxyz(3.2134, 5.3224, 3.9893)
Luminance0.0532 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#084B33 #4B0820
analogous
#084B11 #084B33 #08424B
triadic
#084B33 #33084B #4B3308
tetradic
#084B33 #11084B #4B0820 #424B08
square
#084B33 #11084B #4B0820 #424B08
split-complementary
#084B33 #4B0842 #4B1108
monochromatic
#031C13 #031C13 #084B33 #0E8259 #14BA7E

Accessibility & contrast

On white

10.17
#084B33 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.06
#084B33 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #084B33
10.17:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##084B33#FFFFFF#000000##FFFFFF
##084B331.0010.172.0610.17
#FFFFFF10.171.0021.001.00
#0000002.0621.001.0021.00
##FFFFFF10.171.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4A4532
Deuteranopia (green-blind)
#423F35
Tritanopia (blue-blind)
#004B45
Achromatopsia (no color)
#414141

Design tokens & code

CSS
--color: #084b33;
/* rgb */ color: rgb(8, 75, 51);
/* oklch */ color: oklch(36.7% 0.075 162.7);
Tailwind
colors: {
  custom: {
    50: '#567e6a',
    500: '#084b33',
    950: '#000000',
  },
}
SCSS
$custom: #084b33;
$custom-light: #567e6a;
$custom-dark: #000000;
JSON
{
  "hex": "#084b33",
  "rgb": {
    "r": 8,
    "g": 75,
    "b": 51
  },
  "hsl": {
    "h": 158.507,
    "s": 80.723,
    "l": 16.275
  },
  "oklch": {
    "l": 0.36699,
    "c": 0.07549,
    "h": 162.7
  },
  "luminance": 0.05323
}

Semantic roles & 50–950 ramp

primary
#084B33
secondary
#892649
accent
#3178F7
background
#F5F7F6
surface
#E9EEEB
border
#C5C9C6
text
#030A06
muted
#787C7A

Preview Lab

Preview with #084B33

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

Preview Lab → · Contrast checker → · Palette generator →

#084B33 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva