#3FC1AD#3FC1AD

#3FC1AD is a light, moderate teal. Relative luminance 0.422; OKLCH L 73.6% C 0.115 H 180.6°. Best body text is #000000 at 9.44:1 contrast (WCAG AA passes).

Color values

HEX	#3FC1AD
RGB	rgb(63, 193, 173)
HSL	hsl(171, 51%, 50%)
HSV	hsv(171, 67%, 76%)
CMYK	cmyk(67.4%, 0%, 10.4%, 24.3%)
CIE-LAB	lab(71.02, -39.79, -0.22)
CIE-LCH	lch(71.02, 39.79, 180.32°)
OKLab	oklab(73.57% -0.1155 -0.0012)
OKLCH	oklch(73.57% 0.115 180.6)
XYZ	xyz(28.6591, 42.2106, 46.1641)
Luminance	0.4221 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#3FC1AD #C13F53

analogous

#3FC16C #3FC1AD #3F94C1

triadic

#3FC1AD #AD3FC1 #C1AD3F

tetradic

#3FC1AD #6C3FC1 #C13F53 #94C13F

square

#3FC1AD #6C3FC1 #C13F53 #94C13F

split-complementary

#3FC1AD #C13F94 #C16C3F

monochromatic

#21655A #309384 #3FC1AD #6DD0C1 #9CDFD5

Accessibility & contrast

On white

2.22

#3FC1AD on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.44

#3FC1AD on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #3FC1AD

9.44:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##3FC1AD	#FFFFFF	#000000	##000000
##3FC1AD	1.00	2.22	9.44	9.44
#FFFFFF	2.22	1.00	21.00	21.00
#000000	9.44	21.00	1.00	1.00
##000000	9.44	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#B9B6AC

Deuteranopia (green-blind)

#A6A8AF

Tritanopia (blue-blind)

#00C4BB

Achromatopsia (no color)

#AEAEAE

Design tokens & code

CSS

--color: #3fc1ad;
/* rgb */ color: rgb(63, 193, 173);
/* oklch */ color: oklch(73.6% 0.115 180.6);

Tailwind

colors: {
  custom: {
    50: '#85d4c5',
    500: '#3fc1ad',
    950: '#000000',
  },
}

SCSS

$custom: #3fc1ad;
$custom-light: #85d4c5;
$custom-dark: #000000;

JSON

{
  "hex": "#3fc1ad",
  "rgb": {
    "r": 63,
    "g": 193,
    "b": 173
  },
  "hsl": {
    "h": 170.769,
    "s": 51.181,
    "l": 50.196
  },
  "oklch": {
    "l": 0.73568,
    "c": 0.11547,
    "h": 180.6
  },
  "luminance": 0.42214
}

Semantic roles & 50–950 ramp

primary

#3FC1AD

secondary

#CB919A

accent

#4D63DB

background

#F8FDFC

surface

#F0FAF8

border

#CBD3D1

text

#0C1412

muted

#7D8381

Preview Lab

Preview with #3FC1AD

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

Preview Lab → · Contrast checker → · Palette generator →