#43AF7B#43AF7B

#43AF7B is a light, vivid teal. Relative luminance 0.333; OKLCH L 67.8% C 0.126 H 159.1°. Best body text is #000000 at 7.66:1 contrast (WCAG AA passes).

Color values

HEX#43AF7B
RGBrgb(67, 175, 123)
HSLhsl(151, 45%, 47%)
HSVhsv(151, 62%, 69%)
CMYKcmyk(61.7%, 0%, 29.7%, 31.4%)
CIE-LABlab(64.39, -43.19, 17.72)
CIE-LCHlch(64.39, 46.68, 157.69°)
OKLaboklab(67.79% -0.118 0.045)
OKLCHoklch(67.79% 0.126 159.1)
XYZxyz(21.2179, 33.2812, 24.0408)
Luminance0.3328 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#43AF7B #AF4377
analogous
#43AF45 #43AF7B #43ADAF
triadic
#43AF7B #7B43AF #AF7B43
tetradic
#43AF7B #4543AF #AF4377 #ADAF43
square
#43AF7B #4543AF #AF4377 #ADAF43
split-complementary
#43AF7B #AF43AD #AF4543
monochromatic
#21563D #32835C #43AF7B #69C699 #96D7B7

Accessibility & contrast

On white

2.74
#43AF7B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.66
#43AF7B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #43AF7B
7.66:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##43AF7B#FFFFFF#000000##000000
##43AF7B1.002.747.667.66
#FFFFFF2.741.0021.0021.00
#0000007.6621.001.001.00
##0000007.6621.001.001.00

Color blindness preview

Protanopia (red-blind)
#ADA278
Deuteranopia (green-blind)
#9F987E
Tritanopia (blue-blind)
#07AEA1
Achromatopsia (no color)
#9C9C9C

Design tokens & code

CSS
--color: #43af7b;
/* rgb */ color: rgb(67, 175, 123);
/* oklch */ color: oklch(67.8% 0.126 159.1);
Tailwind
colors: {
  custom: {
    50: '#82c8a1',
    500: '#43af7b',
    950: '#000000',
  },
}
SCSS
$custom: #43af7b;
$custom-light: #82c8a1;
$custom-dark: #000000;
JSON
{
  "hex": "#43af7b",
  "rgb": {
    "r": 67,
    "g": 175,
    "b": 123
  },
  "hsl": {
    "h": 151.111,
    "s": 44.628,
    "l": 47.451
  },
  "oklch": {
    "l": 0.67794,
    "c": 0.12625,
    "h": 159.1
  },
  "luminance": 0.33283
}

Semantic roles & 50–950 ramp

primary
#43AF7B
secondary
#C28BA6
accent
#5392D4
background
#F8FCF9
surface
#F0F8F2
border
#CBD1CC
text
#0B130F
muted
#7C827E

Preview Lab

Preview with #43AF7B

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

Preview Lab → · Contrast checker → · Palette generator →

#43AF7B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva