#157064#157064

#157064 is a mid, moderate teal. Relative luminance 0.127; OKLCH L 49.2% C 0.083 H 181.5°. Best body text is #FFFFFF at 5.94:1 contrast (WCAG AA passes).

Color values

HEX#157064
RGBrgb(21, 112, 100)
HSLhsl(172, 68%, 26%)
HSVhsv(172, 81%, 44%)
CMYKcmyk(81.2%, 0%, 10.7%, 56.1%)
CIE-LABlab(42.26, -28.37, -0.64)
CIE-LCHlch(42.26, 28.38, 181.29°)
OKLaboklab(49.19% -0.0825 -0.0022)
OKLCHoklch(49.19% 0.083 181.5)
XYZxyz(8.4025, 12.6668, 14.0562)
Luminance0.1267 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#157064 #701521
analogous
#157036 #157064 #154E70
triadic
#157064 #641570 #706415
tetradic
#157064 #361570 #701521 #4E7015
square
#157064 #361570 #701521 #4E7015
split-complementary
#157064 #70154E #703615
monochromatic
#051A17 #0B3C36 #157064 #1FA492 #29D7C0

Accessibility & contrast

On white

5.94
#157064 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.53
#157064 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #157064
5.94:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##157064#FFFFFF#000000##FFFFFF
##1570641.005.943.535.94
#FFFFFF5.941.0021.001.00
#0000003.5321.001.0021.00
##FFFFFF5.941.0021.001.00

Color blindness preview

Protanopia (red-blind)
#6B6964
Deuteranopia (green-blind)
#5E6065
Tritanopia (blue-blind)
#00726C
Achromatopsia (no color)
#646464

Design tokens & code

CSS
--color: #157064;
/* rgb */ color: rgb(21, 112, 100);
/* oklch */ color: oklch(49.2% 0.083 181.5);
Tailwind
colors: {
  custom: {
    50: '#649990',
    500: '#157064',
    950: '#000000',
  },
}
SCSS
$custom: #157064;
$custom-light: #649990;
$custom-dark: #000000;
JSON
{
  "hex": "#157064",
  "rgb": {
    "r": 21,
    "g": 112,
    "b": 100
  },
  "hsl": {
    "h": 172.088,
    "s": 68.421,
    "l": 26.078
  },
  "oklch": {
    "l": 0.49191,
    "c": 0.0825,
    "h": 181.5
  },
  "luminance": 0.12668
}

Semantic roles & 50–950 ramp

primary
#157064
secondary
#A63B49
accent
#3D54EB
background
#F6F9F8
surface
#EBF2F0
border
#C6CCCB
text
#060E0C
muted
#7A7E7D

Preview Lab

Preview with #157064

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

Preview Lab → · Contrast checker → · Palette generator →

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