#34A98C#34A98C

#34A98C is a light, moderate teal. Relative luminance 0.310; OKLCH L 66.3% C 0.112 H 172.7°. Best body text is #000000 at 7.20:1 contrast (WCAG AA passes).

Color values

HEX#34A98C
RGBrgb(52, 169, 140)
HSLhsl(165, 53%, 43%)
HSVhsv(165, 69%, 66%)
CMYKcmyk(69.2%, 0%, 17.2%, 33.7%)
CIE-LABlab(62.51, -39.34, 5.62)
CIE-LCHlch(62.51, 39.74, 171.87°)
OKLaboklab(66.27% -0.1109 0.0143)
OKLCHoklch(66.27% 0.112 172.7)
XYZxyz(20.3354, 30.9971, 29.7172)
Luminance0.3100 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#34A98C #A93451
analogous
#34A951 #34A98C #348BA9
triadic
#34A98C #8C34A9 #A98C34
tetradic
#34A98C #5134A9 #A93451 #8BA934
square
#34A98C #5134A9 #A93451 #8BA934
split-complementary
#34A98C #A9348B #A95134
monochromatic
#174B3E #267A65 #34A98C #51C9AC #80D8C2

Accessibility & contrast

On white

2.92
#34A98C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.20
#34A98C on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #34A98C
7.20:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##34A98C#FFFFFF#000000##000000
##34A98C1.002.927.207.20
#FFFFFF2.921.0021.0021.00
#0000007.2021.001.001.00
##0000007.2021.001.001.00

Color blindness preview

Protanopia (red-blind)
#A49E8B
Deuteranopia (green-blind)
#94928E
Tritanopia (blue-blind)
#00ABA1
Achromatopsia (no color)
#979797

Design tokens & code

CSS
--color: #34a98c;
/* rgb */ color: rgb(52, 169, 140);
/* oklch */ color: oklch(66.3% 0.112 172.7);
Tailwind
colors: {
  custom: {
    50: '#7bc3ad',
    500: '#34a98c',
    950: '#000000',
  },
}
SCSS
$custom: #34a98c;
$custom-light: #7bc3ad;
$custom-dark: #000000;
JSON
{
  "hex": "#34a98c",
  "rgb": {
    "r": 52,
    "g": 169,
    "b": 140
  },
  "hsl": {
    "h": 165.128,
    "s": 52.941,
    "l": 43.333
  },
  "oklch": {
    "l": 0.66271,
    "c": 0.11183,
    "h": 172.7
  },
  "luminance": 0.30999
}

Semantic roles & 50–950 ramp

primary
#34A98C
secondary
#C1788A
accent
#4B6FDC
background
#F8FCFA
surface
#EFF8F4
border
#CAD1CE
text
#0B1210
muted
#7C817F

Preview Lab

Preview with #34A98C

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

Preview Lab → · Contrast checker → · Palette generator →

#34A98C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva