#359073#359073

#359073 is a mid, moderate teal. Relative luminance 0.219; OKLCH L 59.1% C 0.097 H 168.6°. Best body text is #000000 at 5.39:1 contrast (WCAG AA passes).

Color values

HEX#359073
RGBrgb(53, 144, 115)
HSLhsl(161, 46%, 39%)
HSVhsv(161, 63%, 56%)
CMYKcmyk(63.2%, 0%, 20.1%, 43.5%)
CIE-LABlab(53.96, -34.19, 7.54)
CIE-LCHlch(53.96, 35.01, 167.57°)
OKLaboklab(59.1% -0.0955 0.0193)
OKLCHoklch(59.1% 0.097 168.6)
XYZxyz(14.5344, 21.9397, 19.6851)
Luminance0.2194 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#359073 #903552
analogous
#359045 #359073 #357F90
triadic
#359073 #733590 #907335
tetradic
#359073 #453590 #903552 #7F9035
square
#359073 #453590 #903552 #7F9035
split-complementary
#359073 #90357F #904535
monochromatic
#14372C #25634F #359073 #47BB96 #74CCB0

Accessibility & contrast

On white

3.90
#359073 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.39
#359073 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #359073
5.39:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##359073#FFFFFF#000000##000000
##3590731.003.905.395.39
#FFFFFF3.901.0021.0021.00
#0000005.3921.001.001.00
##0000005.3921.001.001.00

Color blindness preview

Protanopia (red-blind)
#8C8772
Deuteranopia (green-blind)
#7F7D75
Tritanopia (blue-blind)
#009188
Achromatopsia (no color)
#818181

Design tokens & code

CSS
--color: #359073;
/* rgb */ color: rgb(53, 144, 115);
/* oklch */ color: oklch(59.1% 0.097 168.6);
Tailwind
colors: {
  custom: {
    50: '#76b19b',
    500: '#359073',
    950: '#000000',
  },
}
SCSS
$custom: #359073;
$custom-light: #76b19b;
$custom-dark: #000000;
JSON
{
  "hex": "#359073",
  "rgb": {
    "r": 53,
    "g": 144,
    "b": 115
  },
  "hsl": {
    "h": 160.879,
    "s": 46.193,
    "l": 38.627
  },
  "oklch": {
    "l": 0.59097,
    "c": 0.09741,
    "h": 168.6
  },
  "luminance": 0.21941
}

Semantic roles & 50–950 ramp

primary
#359073
secondary
#B46D83
accent
#527CD6
background
#F7FAF9
surface
#EEF5F2
border
#C9CFCC
text
#09110E
muted
#7B807E

Preview Lab

Preview with #359073

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

Preview Lab → · Contrast checker → · Palette generator →

#359073 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva