#3FAF85#3FAF85

#3FAF85 is a light, moderate teal. Relative luminance 0.334; OKLCH L 67.9% C 0.120 H 164.7°. Best body text is #000000 at 7.68:1 contrast (WCAG AA passes).

Color values

HEX#3FAF85
RGBrgb(63, 175, 133)
HSLhsl(158, 47%, 47%)
HSVhsv(158, 64%, 69%)
CMYKcmyk(64%, 0%, 24%, 31.4%)
CIE-LABlab(64.49, -41.76, 12.36)
CIE-LCHlch(64.49, 43.55, 163.51°)
OKLaboklab(67.92% -0.1153 0.0316)
OKLCHoklch(67.92% 0.12 164.7)
XYZxyz(21.6113, 33.4079, 27.4952)
Luminance0.3341 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#3FAF85 #AF3F69
analogous
#3FAF4D #3FAF85 #3FA1AF
triadic
#3FAF85 #853FAF #AF853F
tetradic
#3FAF85 #4D3FAF #AF3F69 #A1AF3F
square
#3FAF85 #4D3FAF #AF3F69 #A1AF3F
split-complementary
#3FAF85 #AF3FA1 #AF4D3F
monochromatic
#1F5541 #2F8263 #3FAF85 #64C7A2 #91D7BD

Accessibility & contrast

On white

2.73
#3FAF85 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.68
#3FAF85 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #3FAF85
7.68:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##3FAF85#FFFFFF#000000##000000
##3FAF851.002.737.687.68
#FFFFFF2.731.0021.0021.00
#0000007.6821.001.001.00
##0000007.6821.001.001.00

Color blindness preview

Protanopia (red-blind)
#ACA383
Deuteranopia (green-blind)
#9C9888
Tritanopia (blue-blind)
#00AFA3
Achromatopsia (no color)
#9C9C9C

Design tokens & code

CSS
--color: #3faf85;
/* rgb */ color: rgb(63, 175, 133);
/* oklch */ color: oklch(67.9% 0.120 164.7);
Tailwind
colors: {
  custom: {
    50: '#80c7a8',
    500: '#3faf85',
    950: '#000000',
  },
}
SCSS
$custom: #3faf85;
$custom-light: #80c7a8;
$custom-dark: #000000;
JSON
{
  "hex": "#3faf85",
  "rgb": {
    "r": 63,
    "g": 175,
    "b": 133
  },
  "hsl": {
    "h": 157.5,
    "s": 47.059,
    "l": 46.667
  },
  "oklch": {
    "l": 0.67916,
    "c": 0.11958,
    "h": 164.7
  },
  "luminance": 0.3341
}

Semantic roles & 50–950 ramp

primary
#3FAF85
secondary
#C3879D
accent
#5183D7
background
#F8FCFA
surface
#EFF8F4
border
#CAD1CE
text
#0B130F
muted
#7C827F

Preview Lab

Preview with #3FAF85

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

Preview Lab → · Contrast checker → · Palette generator →

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