#248797#248797

#248797 is a mid, moderate teal. Relative luminance 0.199; OKLCH L 57.6% C 0.090 H 210.9°. Best body text is #000000 at 4.99:1 contrast (WCAG AA passes).

Color values

HEX#248797
RGBrgb(36, 135, 151)
HSLhsl(188, 61%, 37%)
HSVhsv(188, 76%, 59%)
CMYKcmyk(76.2%, 10.6%, 0%, 40.8%)
CIE-LABlab(51.76, -22.04, -16.59)
CIE-LCHlch(51.76, 27.59, 216.98°)
OKLaboklab(57.56% -0.0771 -0.0462)
OKLCHoklch(57.56% 0.09 210.9)
XYZxyz(14.9750, 19.9356, 32.3309)
Luminance0.1994 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#248797 #973424
analogous
#24976E #248797 #244E97
triadic
#248797 #972487 #879724
tetradic
#248797 #6E2497 #973424 #4E9724
square
#248797 #6E2497 #973424 #4E9724
split-complementary
#248797 #97244E #976E24
monochromatic
#0C2F34 #185B66 #248797 #30B3C8 #5DC7D8

Accessibility & contrast

On white

4.21
#248797 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.99
#248797 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #248797
4.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##248797#FFFFFF#000000##000000
##2487971.004.214.994.99
#FFFFFF4.211.0021.0021.00
#0000004.9921.001.001.00
##0000004.9921.001.001.00

Color blindness preview

Protanopia (red-blind)
#7A8298
Deuteranopia (green-blind)
#6A7697
Tritanopia (blue-blind)
#008E8C
Achromatopsia (no color)
#7B7B7B

Design tokens & code

CSS
--color: #248797;
/* rgb */ color: rgb(36, 135, 151);
/* oklch */ color: oklch(57.6% 0.090 210.9);
Tailwind
colors: {
  custom: {
    50: '#72aab5',
    500: '#248797',
    950: '#000000',
  },
}
SCSS
$custom: #248797;
$custom-light: #72aab5;
$custom-dark: #000000;
JSON
{
  "hex": "#248797",
  "rgb": {
    "r": 36,
    "g": 135,
    "b": 151
  },
  "hsl": {
    "h": 188.348,
    "s": 61.497,
    "l": 36.667
  },
  "oklch": {
    "l": 0.57555,
    "c": 0.08992,
    "h": 210.9
  },
  "luminance": 0.19937
}

Semantic roles & 50–950 ramp

primary
#248797
secondary
#BD675A
accent
#5A43E5
background
#F7FAFB
surface
#EDF4F6
border
#C8CED0
text
#091011
muted
#7B7F80

Preview Lab

Preview with #248797

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

Preview Lab → · Contrast checker → · Palette generator →

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