#229995#229995

#229995 is a light, moderate teal. Relative luminance 0.253; OKLCH L 62.1% C 0.099 H 191.4°. Best body text is #000000 at 6.06:1 contrast (WCAG AA passes).

Color values

HEX#229995
RGBrgb(34, 153, 149)
HSLhsl(178, 64%, 37%)
HSVhsv(178, 78%, 60%)
CMYKcmyk(77.8%, 0%, 2.6%, 40%)
CIE-LABlab(57.36, -31.89, -7.03)
CIE-LCHlch(57.36, 32.66, 192.43°)
OKLaboklab(62.06% -0.0971 -0.0196)
OKLCHoklch(62.06% 0.099 191.4)
XYZxyz(17.4732, 25.2903, 32.3885)
Luminance0.2529 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#229995 #992226
analogous
#22995A #229995 #226299
triadic
#229995 #952299 #999522
tetradic
#229995 #5A2299 #992226 #629922
square
#229995 #5A2299 #992226 #629922
split-complementary
#229995 #992262 #995A22
monochromatic
#0C3533 #176764 #229995 #2DCBC6 #5BDBD6

Accessibility & contrast

On white

3.47
#229995 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.06
#229995 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #229995
6.06:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##229995#FFFFFF#000000##000000
##2299951.003.476.066.06
#FFFFFF3.471.0021.0021.00
#0000006.0621.001.001.00
##0000006.0621.001.001.00

Color blindness preview

Protanopia (red-blind)
#8F9195
Deuteranopia (green-blind)
#7F8596
Tritanopia (blue-blind)
#009E97
Achromatopsia (no color)
#8A8A8A

Design tokens & code

CSS
--color: #229995;
/* rgb */ color: rgb(34, 153, 149);
/* oklch */ color: oklch(62.1% 0.099 191.4);
Tailwind
colors: {
  custom: {
    50: '#73b7b4',
    500: '#229995',
    950: '#000000',
  },
}
SCSS
$custom: #229995;
$custom-light: #73b7b4;
$custom-dark: #000000;
JSON
{
  "hex": "#229995",
  "rgb": {
    "r": 34,
    "g": 153,
    "b": 149
  },
  "hsl": {
    "h": 177.983,
    "s": 63.636,
    "l": 36.667
  },
  "oklch": {
    "l": 0.62055,
    "c": 0.09911,
    "h": 191.4
  },
  "luminance": 0.25292
}

Semantic roles & 50–950 ramp

primary
#229995
secondary
#BF585B
accent
#4147E7
background
#F7FBFB
surface
#EEF6F6
border
#C9D0D0
text
#091111
muted
#7B8080

Preview Lab

Preview with #229995

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

Preview Lab → · Contrast checker → · Palette generator →

#229995 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva