#127552#127552

#127552 is a mid, moderate teal. Relative luminance 0.135; OKLCH L 50.0% C 0.103 H 163.0°. Best body text is #FFFFFF at 5.69:1 contrast (WCAG AA passes).

Color values

HEX#127552
RGBrgb(18, 117, 82)
HSLhsl(159, 73%, 26%)
HSVhsv(159, 85%, 46%)
CMYKcmyk(84.6%, 0%, 29.9%, 54.1%)
CIE-LABlab(43.45, -35.91, 11.81)
CIE-LCHlch(43.45, 37.80, 161.79°)
OKLaboklab(50% -0.0981 0.0301)
OKLCHoklch(50% 0.103 163)
XYZxyz(8.1328, 13.4594, 10.1503)
Luminance0.1346 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#127552 #751235
analogous
#127521 #127552 #126775
triadic
#127552 #521275 #755212
tetradic
#127552 #211275 #751235 #677512
square
#127552 #211275 #751235 #677512
split-complementary
#127552 #751267 #752112
monochromatic
#041B13 #0A402D #127552 #1AAA77 #24DD9C

Accessibility & contrast

On white

5.69
#127552 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.69
#127552 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #127552
5.69:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##127552#FFFFFF#000000##FFFFFF
##1275521.005.693.695.69
#FFFFFF5.691.0021.001.00
#0000003.6921.001.0021.00
##FFFFFF5.691.0021.001.00

Color blindness preview

Protanopia (red-blind)
#736C50
Deuteranopia (green-blind)
#676354
Tritanopia (blue-blind)
#00756C
Achromatopsia (no color)
#676767

Design tokens & code

CSS
--color: #127552;
/* rgb */ color: rgb(18, 117, 82);
/* oklch */ color: oklch(50.0% 0.103 163.0);
Tailwind
colors: {
  custom: {
    50: '#649d82',
    500: '#127552',
    950: '#000000',
  },
}
SCSS
$custom: #127552;
$custom-light: #649d82;
$custom-dark: #000000;
JSON
{
  "hex": "#127552",
  "rgb": {
    "r": 18,
    "g": 117,
    "b": 82
  },
  "hsl": {
    "h": 158.788,
    "s": 73.333,
    "l": 26.471
  },
  "oklch": {
    "l": 0.5,
    "c": 0.1026,
    "h": 163
  },
  "luminance": 0.1346
}

Semantic roles & 50–950 ramp

primary
#127552
secondary
#AC3760
accent
#3879F0
background
#F6F9F7
surface
#EBF2EE
border
#C6CCC9
text
#060E0A
muted
#7A7E7C

Preview Lab

Preview with #127552

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

Preview Lab → · Contrast checker → · Palette generator →

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