#39DBE6#39DBE6

#39DBE6 is a light, vivid teal. Relative luminance 0.572; OKLCH L 81.6% C 0.128 H 201.9°. Best body text is #000000 at 12.45:1 contrast (WCAG AA passes).

Color values

HEX#39DBE6
RGBrgb(57, 219, 230)
HSLhsl(184, 78%, 56%)
HSVhsv(184, 75%, 90%)
CMYKcmyk(75.2%, 4.8%, 0%, 9.8%)
CIE-LABlab(80.31, -36.45, -17.17)
CIE-LCHlch(80.31, 40.29, 205.21°)
OKLaboklab(81.64% -0.1185 -0.0477)
OKLCHoklch(81.64% 0.128 201.9)
XYZxyz(41.2954, 57.2410, 83.7197)
Luminance0.5725 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#39DBE6 #E64439
analogous
#39E69B #39DBE6 #3985E6
triadic
#39DBE6 #E639DB #DBE639
tetradic
#39DBE6 #9B39E6 #E64439 #85E639
square
#39DBE6 #9B39E6 #E64439 #85E639
split-complementary
#39DBE6 #E63985 #E69B39
monochromatic
#128A92 #19BDC8 #39DBE6 #6FE5ED #A6EFF4

Accessibility & contrast

On white

1.69
#39DBE6 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.45
#39DBE6 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #39DBE6
12.45:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##39DBE6#FFFFFF#000000##000000
##39DBE61.001.6912.4512.45
#FFFFFF1.691.0021.0021.00
#00000012.4521.001.001.00
##00000012.4521.001.001.00

Color blindness preview

Protanopia (red-blind)
#CAD1E7
Deuteranopia (green-blind)
#B2C0E7
Tritanopia (blue-blind)
#00E4DE
Achromatopsia (no color)
#C7C7C7

Design tokens & code

CSS
--color: #39dbe6;
/* rgb */ color: rgb(57, 219, 230);
/* oklch */ color: oklch(81.6% 0.128 201.9);
Tailwind
colors: {
  custom: {
    50: '#8be6ed',
    500: '#39dbe6',
    950: '#000000',
  },
}
SCSS
$custom: #39dbe6;
$custom-light: #8be6ed;
$custom-dark: #000000;
JSON
{
  "hex": "#39dbe6",
  "rgb": {
    "r": 57,
    "g": 219,
    "b": 230
  },
  "hsl": {
    "h": 183.815,
    "s": 77.578,
    "l": 56.275
  },
  "oklch": {
    "l": 0.8164,
    "c": 0.12773,
    "h": 201.9
  },
  "luminance": 0.57246
}

Semantic roles & 50–950 ramp

primary
#39DBE6
secondary
#97332D
accent
#4034F4
background
#FCFEFE
surface
#F5FCFD
border
#CFD5D5
text
#0E1616
muted
#7F8484

Preview Lab

Preview with #39DBE6

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

Preview Lab → · Contrast checker → · Palette generator →

#39DBE6 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva