#2EB8C9#2EB8C9

#2EB8C9 is a light, moderate teal. Relative luminance 0.391; OKLCH L 72.0% C 0.114 H 207.5°. Best body text is #000000 at 8.82:1 contrast (WCAG AA passes).

Color values

HEX#2EB8C9
RGBrgb(46, 184, 201)
HSLhsl(187, 63%, 48%)
HSVhsv(187, 77%, 79%)
CMYKcmyk(77.1%, 8.5%, 0%, 21.2%)
CIE-LABlab(68.81, -29.69, -18.90)
CIE-LCHlch(68.81, 35.20, 212.48°)
OKLaboklab(71.96% -0.1009 -0.0526)
OKLCHoklch(71.96% 0.114 207.5)
XYZxyz(28.8052, 39.0753, 61.2711)
Luminance0.3908 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2EB8C9 #C93F2E
analogous
#2EC98C #2EB8C9 #2E6AC9
triadic
#2EB8C9 #C92EB8 #B8C92E
tetradic
#2EB8C9 #8C2EC9 #C93F2E #6AC92E
square
#2EB8C9 #8C2EC9 #C93F2E #6AC92E
split-complementary
#2EB8C9 #C92E6A #C98C2E
monochromatic
#175D65 #238A97 #2EB8C9 #5BCCD9 #8DDBE5

Accessibility & contrast

On white

2.38
#2EB8C9 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.82
#2EB8C9 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #2EB8C9
8.82:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2EB8C9#FFFFFF#000000##000000
##2EB8C91.002.388.828.82
#FFFFFF2.381.0021.0021.00
#0000008.8221.001.001.00
##0000008.8221.001.001.00

Color blindness preview

Protanopia (red-blind)
#A8B1CA
Deuteranopia (green-blind)
#92A1C9
Tritanopia (blue-blind)
#00C1BD
Achromatopsia (no color)
#A8A8A8

Design tokens & code

CSS
--color: #2eb8c9;
/* rgb */ color: rgb(46, 184, 201);
/* oklch */ color: oklch(72.0% 0.114 207.5);
Tailwind
colors: {
  custom: {
    50: '#80cdd9',
    500: '#2eb8c9',
    950: '#000000',
  },
}
SCSS
$custom: #2eb8c9;
$custom-light: #80cdd9;
$custom-dark: #000000;
JSON
{
  "hex": "#2eb8c9",
  "rgb": {
    "r": 46,
    "g": 184,
    "b": 201
  },
  "hsl": {
    "h": 186.581,
    "s": 62.753,
    "l": 48.431
  },
  "oklch": {
    "l": 0.71958,
    "c": 0.11381,
    "h": 207.5
  },
  "luminance": 0.39079
}

Semantic roles & 50–950 ramp

primary
#2EB8C9
secondary
#CF8C84
accent
#5442E6
background
#F8FCFD
surface
#F0F9FA
border
#CBD2D3
text
#0C1314
muted
#7D8283

Preview Lab

Preview with #2EB8C9

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

Preview Lab → · Contrast checker → · Palette generator →

#2EB8C9 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva