#368A69#368A69

#368A69 is a mid, moderate teal. Relative luminance 0.200; OKLCH L 57.3% C 0.097 H 164.3°. Best body text is #000000 at 5.00:1 contrast (WCAG AA passes).

Color values

HEX#368A69
RGBrgb(54, 138, 105)
HSLhsl(156, 44%, 38%)
HSVhsv(156, 61%, 54%)
CMYKcmyk(60.9%, 0%, 23.9%, 45.9%)
CIE-LABlab(51.81, -33.65, 10.24)
CIE-LCHlch(51.81, 35.17, 163.07°)
OKLaboklab(57.27% -0.093 0.0262)
OKLCHoklch(57.27% 0.097 164.3)
XYZxyz(13.1583, 19.9798, 16.5249)
Luminance0.1998 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#368A69 #8A3657
analogous
#368A3F #368A69 #36818A
triadic
#368A69 #69368A #8A6936
tetradic
#368A69 #3F368A #8A3657 #818A36
square
#368A69 #3F368A #8A3657 #818A36
split-complementary
#368A69 #8A3681 #8A3F36
monochromatic
#143226 #255E48 #368A69 #47B68A #72C8A6

Accessibility & contrast

On white

4.20
#368A69 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.00
#368A69 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #368A69
5.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##368A69#FFFFFF#000000##000000
##368A691.004.205.005.00
#FFFFFF4.201.0021.0021.00
#0000005.0021.001.001.00
##0000005.0021.001.001.00

Color blindness preview

Protanopia (red-blind)
#878167
Deuteranopia (green-blind)
#7C786B
Tritanopia (blue-blind)
#058A81
Achromatopsia (no color)
#7C7C7C

Design tokens & code

CSS
--color: #368a69;
/* rgb */ color: rgb(54, 138, 105);
/* oklch */ color: oklch(57.3% 0.097 164.3);
Tailwind
colors: {
  custom: {
    50: '#76ad94',
    500: '#368a69',
    950: '#000000',
  },
}
SCSS
$custom: #368a69;
$custom-light: #76ad94;
$custom-dark: #000000;
JSON
{
  "hex": "#368a69",
  "rgb": {
    "r": 54,
    "g": 138,
    "b": 105
  },
  "hsl": {
    "h": 156.429,
    "s": 43.75,
    "l": 37.647
  },
  "oklch": {
    "l": 0.57272,
    "c": 0.09665,
    "h": 164.3
  },
  "luminance": 0.19981
}

Semantic roles & 50–950 ramp

primary
#368A69
secondary
#B16B86
accent
#5486D3
background
#F7FAF9
surface
#EDF4F1
border
#C8CECB
text
#09100D
muted
#7B7F7E

Preview Lab

Preview with #368A69

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

Preview Lab → · Contrast checker → · Palette generator →

#368A69 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva