#117044#117044

#117044 is a mid, moderate teal. Relative luminance 0.121; OKLCH L 48.2% C 0.109 H 156.7°. Best body text is #FFFFFF at 6.13:1 contrast (WCAG AA passes).

Color values

HEX#117044
RGBrgb(17, 112, 68)
HSLhsl(152, 74%, 25%)
HSVhsv(152, 85%, 44%)
CMYKcmyk(84.8%, 0%, 39.3%, 56.1%)
CIE-LABlab(41.41, -37.21, 17.24)
CIE-LCHlch(41.41, 41.01, 155.14°)
OKLaboklab(48.22% -0.1004 0.0432)
OKLCHoklch(48.22% 0.109 156.7)
XYZxyz(7.0680, 12.1240, 7.4354)
Luminance0.1212 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#117044 #70113D
analogous
#117015 #117044 #116C70
triadic
#117044 #441170 #704411
tetradic
#117044 #151170 #70113D #6C7011
square
#117044 #151170 #70113D #6C7011
split-complementary
#117044 #70116C #701511
monochromatic
#041B10 #093B24 #117044 #19A564 #21DA85

Accessibility & contrast

On white

6.13
#117044 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.43
#117044 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #117044
6.13:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##117044#FFFFFF#000000##FFFFFF
##1170441.006.133.436.13
#FFFFFF6.131.0021.001.00
#0000003.4321.001.0021.00
##FFFFFF6.131.0021.001.00

Color blindness preview

Protanopia (red-blind)
#6F6641
Deuteranopia (green-blind)
#645F47
Tritanopia (blue-blind)
#006F65
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #117044;
/* rgb */ color: rgb(17, 112, 68);
/* oklch */ color: oklch(48.2% 0.109 156.7);
Tailwind
colors: {
  custom: {
    50: '#629a78',
    500: '#117044',
    950: '#000000',
  },
}
SCSS
$custom: #117044;
$custom-light: #629a78;
$custom-dark: #000000;
JSON
{
  "hex": "#117044",
  "rgb": {
    "r": 17,
    "g": 112,
    "b": 68
  },
  "hsl": {
    "h": 152.211,
    "s": 73.643,
    "l": 25.294
  },
  "oklch": {
    "l": 0.48221,
    "c": 0.10929,
    "h": 156.7
  },
  "luminance": 0.12125
}

Semantic roles & 50–950 ramp

primary
#117044
secondary
#A7356A
accent
#378DF0
background
#F6F9F7
surface
#EBF2ED
border
#C6CCC8
text
#060E09
muted
#7A7E7B

Preview Lab

Preview with #117044

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

Preview Lab → · Contrast checker → · Palette generator →

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