#27AE75#27AE75

#27AE75 is a light, vivid teal. Relative luminance 0.320; OKLCH L 66.7% C 0.141 H 159.6°. Best body text is #000000 at 7.40:1 contrast (WCAG AA passes).

Color values

HEX#27AE75
RGBrgb(39, 174, 117)
HSLhsl(155, 63%, 42%)
HSVhsv(155, 78%, 68%)
CMYKcmyk(77.6%, 0%, 32.8%, 31.8%)
CIE-LABlab(63.33, -48.66, 19.44)
CIE-LCHlch(63.33, 52.40, 158.23°)
OKLaboklab(66.71% -0.1321 0.0492)
OKLCHoklch(66.71% 0.141 159.6)
XYZxyz(19.1816, 31.9855, 21.9890)
Luminance0.3199 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#27AE75 #AE2760
analogous
#27AE32 #27AE75 #27A4AE
triadic
#27AE75 #7527AE #AE7527
tetradic
#27AE75 #3227AE #AE2760 #A4AE27
square
#27AE75 #3227AE #AE2760 #A4AE27
split-complementary
#27AE75 #AE27A4 #AE3227
monochromatic
#114A32 #1C7C53 #27AE75 #3ED495 #70DFB0

Accessibility & contrast

On white

2.84
#27AE75 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.40
#27AE75 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #27AE75
7.40:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##27AE75#FFFFFF#000000##000000
##27AE751.002.847.407.40
#FFFFFF2.841.0021.0021.00
#0000007.4021.001.001.00
##0000007.4021.001.001.00

Color blindness preview

Protanopia (red-blind)
#ACA071
Deuteranopia (green-blind)
#9C9579
Tritanopia (blue-blind)
#00AD9F
Achromatopsia (no color)
#999999

Design tokens & code

CSS
--color: #27ae75;
/* rgb */ color: rgb(39, 174, 117);
/* oklch */ color: oklch(66.7% 0.141 159.6);
Tailwind
colors: {
  custom: {
    50: '#77c79d',
    500: '#27ae75',
    950: '#000000',
  },
}
SCSS
$custom: #27ae75;
$custom-light: #77c79d;
$custom-dark: #000000;
JSON
{
  "hex": "#27ae75",
  "rgb": {
    "r": 39,
    "g": 174,
    "b": 117
  },
  "hsl": {
    "h": 154.667,
    "s": 63.38,
    "l": 41.765
  },
  "oklch": {
    "l": 0.66709,
    "c": 0.14097,
    "h": 159.6
  },
  "luminance": 0.31988
}

Semantic roles & 50–950 ramp

primary
#27AE75
secondary
#C66B91
accent
#4187E6
background
#F7FCF9
surface
#EEF8F2
border
#C9D1CC
text
#0A130E
muted
#7C827E

Preview Lab

Preview with #27AE75

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

Preview Lab → · Contrast checker → · Palette generator →

#27AE75 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva