#509DA9#509DA9

#509DA9 is a light, moderate teal. Relative luminance 0.287; OKLCH L 65.2% C 0.078 H 208.7°. Best body text is #000000 at 6.74:1 contrast (WCAG AA passes).

Color values

HEX	#509DA9
RGB	rgb(80, 157, 169)
HSL	hsl(188, 36%, 49%)
HSV	hsv(188, 53%, 66%)
CMYK	cmyk(52.7%, 7.1%, 0%, 33.7%)
CIE-LAB	lab(60.50, -20.33, -13.55)
CIE-LCH	lch(60.50, 24.43, 213.69°)
OKLab	oklab(65.16% -0.0683 -0.0374)
OKLCH	oklch(65.16% 0.078 208.7)
XYZ	xyz(22.5238, 28.6820, 41.8776)
Luminance	0.2868 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#509DA9 #A95C50

analogous

#50A989 #509DA9 #5071A9

triadic

#509DA9 #A9509D #9DA950

tetradic

#509DA9 #8950A9 #A95C50 #71A950

square

#509DA9 #8950A9 #A95C50 #71A950

split-complementary

#509DA9 #A95071 #A98950

monochromatic

#295056 #3C767F #509DA9 #77B5BF #A1CCD2

Accessibility & contrast

On white

3.12

#509DA9 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.74

#509DA9 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #509DA9

6.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##509DA9	#FFFFFF	#000000	##000000
##509DA9	1.00	3.12	6.74	6.74
#FFFFFF	3.12	1.00	21.00	21.00
#000000	6.74	21.00	1.00	1.00
##000000	6.74	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#9298AA

Deuteranopia (green-blind)

#848DA9

Tritanopia (blue-blind)

#0DA3A1

Achromatopsia (no color)

#929292

Design tokens & code

CSS

--color: #509da9;
/* rgb */ color: rgb(80, 157, 169);
/* oklch */ color: oklch(65.2% 0.078 208.7);

Tailwind

colors: {
  custom: {
    50: '#88bac2',
    500: '#509da9',
    950: '#000000',
  },
}

SCSS

$custom: #509da9;
$custom-light: #88bac2;
$custom-dark: #000000;

JSON

{
  "hex": "#509da9",
  "rgb": {
    "r": 80,
    "g": 157,
    "b": 169
  },
  "hsl": {
    "h": 188.09,
    "s": 35.743,
    "l": 48.824
  },
  "oklch": {
    "l": 0.65164,
    "c": 0.07787,
    "h": 208.7
  },
  "luminance": 0.28684
}

Semantic roles & 50–950 ramp

primary

#509DA9

secondary

#C09B95

accent

#6B5CCC

background

#F8FBFB

surface

#F0F6F7

border

#CBD0D0

text

#0C1112

muted

#7D8081

Preview Lab

Preview with #509DA9

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

Preview Lab → · Contrast checker → · Palette generator →