#33D2A1#33D2A1

#33D2A1 is a light, vivid teal. Relative luminance 0.494; OKLCH L 77.2% C 0.146 H 167.0°. Best body text is #000000 at 10.87:1 contrast (WCAG AA passes).

Color values

HEX#33D2A1
RGBrgb(51, 210, 161)
HSLhsl(162, 64%, 51%)
HSVhsv(162, 76%, 82%)
CMYKcmyk(75.7%, 0%, 23.3%, 17.6%)
CIE-LABlab(75.68, -51.58, 12.93)
CIE-LCHlch(75.68, 53.18, 165.93°)
OKLaboklab(77.22% -0.1426 0.033)
OKLCHoklch(77.22% 0.146 167)
XYZxyz(30.8413, 49.3665, 41.6145)
Luminance0.4937 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#33D2A1 #D23364
analogous
#33D251 #33D2A1 #33B4D2
triadic
#33D2A1 #A133D2 #D2A133
tetradic
#33D2A1 #5133D2 #D23364 #B4D233
square
#33D2A1 #5133D2 #D23364 #B4D233
split-complementary
#33D2A1 #D233B4 #D25133
monochromatic
#197256 #24A47C #33D2A1 #65DDB8 #97E8CF

Accessibility & contrast

On white

1.93
#33D2A1 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.87
#33D2A1 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #33D2A1
10.87:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##33D2A1#FFFFFF#000000##000000
##33D2A11.001.9310.8710.87
#FFFFFF1.931.0021.0021.00
#00000010.8721.001.001.00
##00000010.8721.001.001.00

Color blindness preview

Protanopia (red-blind)
#CDC39E
Deuteranopia (green-blind)
#B9B5A4
Tritanopia (blue-blind)
#00D3C4
Achromatopsia (no color)
#BABABA

Design tokens & code

CSS
--color: #33d2a1;
/* rgb */ color: rgb(51, 210, 161);
/* oklch */ color: oklch(77.2% 0.146 167.0);
Tailwind
colors: {
  custom: {
    50: '#83e1bc',
    500: '#33d2a1',
    950: '#000000',
  },
}
SCSS
$custom: #33d2a1;
$custom-light: #83e1bc;
$custom-dark: #000000;
JSON
{
  "hex": "#33d2a1",
  "rgb": {
    "r": 51,
    "g": 210,
    "b": 161
  },
  "hsl": {
    "h": 161.509,
    "s": 63.855,
    "l": 51.176
  },
  "oklch": {
    "l": 0.77219,
    "c": 0.14636,
    "h": 167
  },
  "luminance": 0.4937
}

Semantic roles & 50–950 ramp

primary
#33D2A1
secondary
#D48DA3
accent
#4174E7
background
#F8FDFB
surface
#F0FBF6
border
#CBD4D0
text
#0C1512
muted
#7D8381

Preview Lab

Preview with #33D2A1

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

Preview Lab → · Contrast checker → · Palette generator →

#33D2A1 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva