#135143#135143

#135143 is a dark, moderate teal. Relative luminance 0.064; OKLCH L 39.2% C 0.066 H 174.2°. Best body text is #FFFFFF at 9.19:1 contrast (WCAG AA passes).

Color values

HEX#135143
RGBrgb(19, 81, 67)
HSLhsl(166, 62%, 20%)
HSVhsv(166, 77%, 32%)
CMYKcmyk(76.5%, 0%, 17.3%, 68.2%)
CIE-LABlab(30.47, -23.19, 2.65)
CIE-LCHlch(30.47, 23.34, 173.48°)
OKLaboklab(39.23% -0.0657 0.0067)
OKLCHoklch(39.23% 0.066 174.2)
XYZxyz(4.2236, 6.4281, 6.3272)
Luminance0.0643 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#135143 #511321
analogous
#135124 #135143 #134051
triadic
#135143 #431351 #514313
tetradic
#135143 #241351 #511321 #405113
square
#135143 #241351 #511321 #405113
split-complementary
#135143 #511340 #512413
monochromatic
#061915 #071F1A #135143 #1F836C #2AB495

Accessibility & contrast

On white

9.19
#135143 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.29
#135143 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #135143
9.19:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##135143#FFFFFF#000000##FFFFFF
##1351431.009.192.299.19
#FFFFFF9.191.0021.001.00
#0000002.2921.001.0021.00
##FFFFFF9.191.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4E4B42
Deuteranopia (green-blind)
#464544
Tritanopia (blue-blind)
#00524D
Achromatopsia (no color)
#484848

Design tokens & code

CSS
--color: #135143;
/* rgb */ color: rgb(19, 81, 67);
/* oklch */ color: oklch(39.2% 0.066 174.2);
Tailwind
colors: {
  custom: {
    50: '#5b8277',
    500: '#135143',
    950: '#000000',
  },
}
SCSS
$custom: #135143;
$custom-light: #5b8277;
$custom-dark: #000000;
JSON
{
  "hex": "#135143",
  "rgb": {
    "r": 19,
    "g": 81,
    "b": 67
  },
  "hsl": {
    "h": 166.452,
    "s": 62,
    "l": 19.608
  },
  "oklch": {
    "l": 0.39227,
    "c": 0.06604,
    "h": 174.2
  },
  "luminance": 0.06429
}

Semantic roles & 50–950 ramp

primary
#135143
secondary
#8A3649
accent
#4367E5
background
#F5F8F7
surface
#E9EFED
border
#C5CAC8
text
#040A08
muted
#797C7B

Preview Lab

Preview with #135143

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

Preview Lab → · Contrast checker → · Palette generator →

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