#2FBEBA#2FBEBA

#2FBEBA is a light, moderate teal. Relative luminance 0.410; OKLCH L 72.9% C 0.115 H 192.1°. Best body text is #000000 at 9.20:1 contrast (WCAG AA passes).

Color values

HEX#2FBEBA
RGBrgb(47, 190, 186)
HSLhsl(178, 60%, 46%)
HSVhsv(178, 75%, 75%)
CMYKcmyk(75.3%, 0%, 2.1%, 25.5%)
CIE-LABlab(70.16, -36.92, -8.64)
CIE-LCHlch(70.16, 37.92, 193.16°)
OKLaboklab(72.9% -0.1128 -0.0241)
OKLCHoklch(72.9% 0.115 192.1)
XYZxyz(28.4445, 40.9729, 52.8543)
Luminance0.4098 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2FBEBA #BE2F33
analogous
#2FBE73 #2FBEBA #2F7BBE
triadic
#2FBEBA #BA2FBE #BEBA2F
tetradic
#2FBEBA #732FBE #BE2F33 #7BBE2F
square
#2FBEBA #732FBE #BE2F33 #7BBE2F
split-complementary
#2FBEBA #BE2F7B #BE732F
monochromatic
#175C5A #238D8A #2FBEBA #55D5D1 #86E1DF

Accessibility & contrast

On white

2.28
#2FBEBA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.20
#2FBEBA on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #2FBEBA
9.20:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2FBEBA#FFFFFF#000000##000000
##2FBEBA1.002.289.209.20
#FFFFFF2.281.0021.0021.00
#0000009.2021.001.001.00
##0000009.2021.001.001.00

Color blindness preview

Protanopia (red-blind)
#B2B4BA
Deuteranopia (green-blind)
#9EA5BB
Tritanopia (blue-blind)
#00C4BC
Achromatopsia (no color)
#ABABAB

Design tokens & code

CSS
--color: #2fbeba;
/* rgb */ color: rgb(47, 190, 186);
/* oklch */ color: oklch(72.9% 0.115 192.1);
Tailwind
colors: {
  custom: {
    50: '#80d2ce',
    500: '#2fbeba',
    950: '#000000',
  },
}
SCSS
$custom: #2fbeba;
$custom-light: #80d2ce;
$custom-dark: #000000;
JSON
{
  "hex": "#2fbeba",
  "rgb": {
    "r": 47,
    "g": 190,
    "b": 186
  },
  "hsl": {
    "h": 178.322,
    "s": 60.338,
    "l": 46.471
  },
  "oklch": {
    "l": 0.729,
    "c": 0.11539,
    "h": 192.1
  },
  "luminance": 0.40976
}

Semantic roles & 50–950 ramp

primary
#2FBEBA
secondary
#CB7E80
accent
#4449E3
background
#F8FCFC
surface
#F0F9F9
border
#CBD2D2
text
#0C1413
muted
#7D8282

Preview Lab

Preview with #2FBEBA

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

Preview Lab → · Contrast checker → · Palette generator →

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