#3DCB8B#3DCB8B

#3DCB8B is a light, vivid teal. Relative luminance 0.456; OKLCH L 75.1% C 0.152 H 159.3°. Best body text is #000000 at 10.11:1 contrast (WCAG AA passes).

Color values

HEX#3DCB8B
RGBrgb(61, 203, 139)
HSLhsl(153, 58%, 52%)
HSVhsv(153, 70%, 80%)
CMYKcmyk(70%, 0%, 31.5%, 20.4%)
CIE-LABlab(73.26, -52.31, 21.28)
CIE-LCHlch(73.26, 56.47, 157.86°)
OKLaboklab(75.14% -0.1423 0.0539)
OKLCHoklch(75.14% 0.152 159.3)
XYZxyz(27.9378, 45.5649, 31.7436)
Luminance0.4557 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#3DCB8B #CB3D7D
analogous
#3DCB44 #3DCB8B #3DC4CB
triadic
#3DCB8B #8B3DCB #CB8B3D
tetradic
#3DCB8B #443DCB #CB3D7D #C4CB3D
square
#3DCB8B #443DCB #CB3D7D #C4CB3D
split-complementary
#3DCB8B #CB3DC4 #CB443D
monochromatic
#1E704B #2BA06B #3DCB8B #6DD8A8 #9EE5C5

Accessibility & contrast

On white

2.08
#3DCB8B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.11
#3DCB8B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #3DCB8B
10.11:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##3DCB8B#FFFFFF#000000##000000
##3DCB8B1.002.0810.1110.11
#FFFFFF2.081.0021.0021.00
#00000010.1121.001.001.00
##00000010.1121.001.001.00

Color blindness preview

Protanopia (red-blind)
#C9BC87
Deuteranopia (green-blind)
#B7AF8F
Tritanopia (blue-blind)
#00CABA
Achromatopsia (no color)
#B4B4B4

Design tokens & code

CSS
--color: #3dcb8b;
/* rgb */ color: rgb(61, 203, 139);
/* oklch */ color: oklch(75.1% 0.152 159.3);
Tailwind
colors: {
  custom: {
    50: '#84dcad',
    500: '#3dcb8b',
    950: '#000000',
  },
}
SCSS
$custom: #3dcb8b;
$custom-light: #84dcad;
$custom-dark: #000000;
JSON
{
  "hex": "#3dcb8b",
  "rgb": {
    "r": 61,
    "g": 203,
    "b": 139
  },
  "hsl": {
    "h": 152.958,
    "s": 57.724,
    "l": 51.765
  },
  "oklch": {
    "l": 0.75138,
    "c": 0.15215,
    "h": 159.3
  },
  "luminance": 0.45568
}

Semantic roles & 50–950 ramp

primary
#3DCB8B
secondary
#D193AF
accent
#478CE1
background
#F8FDFA
surface
#F0FBF4
border
#CBD4CE
text
#0C1510
muted
#7D837F

Preview Lab

Preview with #3DCB8B

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

Preview Lab → · Contrast checker → · Palette generator →

#3DCB8B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva