#36848A#36848A

#36848A is a mid, moderate teal. Relative luminance 0.191; OKLCH L 56.8% C 0.076 H 202.2°. Best body text is #000000 at 4.82:1 contrast (WCAG AA passes).

Color values

HEX#36848A
RGBrgb(54, 132, 138)
HSLhsl(184, 44%, 38%)
HSVhsv(184, 61%, 54%)
CMYKcmyk(60.9%, 4.3%, 0%, 45.9%)
CIE-LABlab(50.83, -21.76, -10.39)
CIE-LCHlch(50.83, 24.11, 205.52°)
OKLaboklab(56.78% -0.0704 -0.0287)
OKLCHoklch(56.78% 0.076 202.2)
XYZxyz(14.3581, 19.1203, 26.9737)
Luminance0.1912 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#36848A #8A3C36
analogous
#368A66 #36848A #365A8A
triadic
#36848A #8A3684 #848A36
tetradic
#36848A #66368A #8A3C36 #5A8A36
square
#36848A #66368A #8A3C36 #5A8A36
split-complementary
#36848A #8A365A #8A6636
monochromatic
#143032 #255A5E #36848A #47AEB6 #72C2C8

Accessibility & contrast

On white

4.35
#36848A on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.82
#36848A on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #36848A
4.82:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##36848A#FFFFFF#000000##000000
##36848A1.004.354.824.82
#FFFFFF4.351.0021.0021.00
#0000004.8221.001.001.00
##0000004.8221.001.001.00

Color blindness preview

Protanopia (red-blind)
#7B7F8A
Deuteranopia (green-blind)
#6D758A
Tritanopia (blue-blind)
#008986
Achromatopsia (no color)
#797979

Design tokens & code

CSS
--color: #36848a;
/* rgb */ color: rgb(54, 132, 138);
/* oklch */ color: oklch(56.8% 0.076 202.2);
Tailwind
colors: {
  custom: {
    50: '#77a8ac',
    500: '#36848a',
    950: '#000000',
  },
}
SCSS
$custom: #36848a;
$custom-light: #77a8ac;
$custom-dark: #000000;
JSON
{
  "hex": "#36848a",
  "rgb": {
    "r": 54,
    "g": 132,
    "b": 138
  },
  "hsl": {
    "h": 184.286,
    "s": 43.75,
    "l": 37.647
  },
  "oklch": {
    "l": 0.56781,
    "c": 0.07601,
    "h": 202.2
  },
  "luminance": 0.19122
}

Semantic roles & 50–950 ramp

primary
#36848A
secondary
#B1706B
accent
#5D54D3
background
#F7FAFA
surface
#EEF4F4
border
#C9CECE
text
#090F10
muted
#7B7F7F

Preview Lab

Preview with #36848A

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

Preview Lab → · Contrast checker → · Palette generator →

#36848A Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva