#27BCD0#27BCD0

#27BCD0 is a light, moderate teal. Relative luminance 0.410; OKLCH L 73.1% C 0.119 H 209.0°. Best body text is #000000 at 9.19:1 contrast (WCAG AA passes).

Color values

HEX#27BCD0
RGBrgb(39, 188, 208)
HSLhsl(187, 68%, 48%)
HSVhsv(187, 81%, 82%)
CMYKcmyk(81.3%, 9.6%, 0%, 18.4%)
CIE-LABlab(70.14, -30.10, -20.72)
CIE-LCHlch(70.14, 36.55, 214.54°)
OKLaboklab(73.08% -0.104 -0.0577)
OKLCHoklch(73.08% 0.119 209)
XYZxyz(30.2001, 40.9480, 65.9743)
Luminance0.4095 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#27BCD0 #D03B27
analogous
#27D090 #27BCD0 #2767D0
triadic
#27BCD0 #D027BC #BCD027
tetradic
#27BCD0 #9027D0 #D03B27 #67D027
square
#27BCD0 #9027D0 #D03B27 #67D027
split-complementary
#27BCD0 #D02767 #D09027
monochromatic
#145F69 #1D8D9C #27BCD0 #55CFDF #89DDE9

Accessibility & contrast

On white

2.28
#27BCD0 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.19
#27BCD0 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #27BCD0
9.19:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##27BCD0#FFFFFF#000000##000000
##27BCD01.002.289.199.19
#FFFFFF2.281.0021.0021.00
#0000009.1921.001.001.00
##0000009.1921.001.001.00

Color blindness preview

Protanopia (red-blind)
#AAB5D1
Deuteranopia (green-blind)
#94A5D0
Tritanopia (blue-blind)
#00C5C2
Achromatopsia (no color)
#ABABAB

Design tokens & code

CSS
--color: #27bcd0;
/* rgb */ color: rgb(39, 188, 208);
/* oklch */ color: oklch(73.1% 0.119 209.0);
Tailwind
colors: {
  custom: {
    50: '#80d0de',
    500: '#27bcd0',
    950: '#000000',
  },
}
SCSS
$custom: #27bcd0;
$custom-light: #80d0de;
$custom-dark: #000000;
JSON
{
  "hex": "#27bcd0",
  "rgb": {
    "r": 39,
    "g": 188,
    "b": 208
  },
  "hsl": {
    "h": 187.101,
    "s": 68.421,
    "l": 48.431
  },
  "oklch": {
    "l": 0.73085,
    "c": 0.11895,
    "h": 209
  },
  "luminance": 0.40952
}

Semantic roles & 50–950 ramp

primary
#27BCD0
secondary
#D28A80
accent
#513DEB
background
#F8FCFD
surface
#F0F9FB
border
#CBD2D4
text
#0C1415
muted
#7D8283

Preview Lab

Preview with #27BCD0

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

Preview Lab → · Contrast checker → · Palette generator →

#27BCD0 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva