#31A9CA#31A9CA

#31A9CA is a light, moderate cyan. Relative luminance 0.333; OKLCH L 68.4% C 0.112 H 220.8°. Best body text is #000000 at 7.66:1 contrast (WCAG AA passes).

Color values

HEX#31A9CA
RGBrgb(49, 169, 202)
HSLhsl(193, 61%, 49%)
HSVhsv(193, 76%, 79%)
CMYKcmyk(75.7%, 16.3%, 0%, 20.8%)
CIE-LABlab(64.39, -21.50, -26.19)
CIE-LCHlch(64.39, 33.88, 230.62°)
OKLaboklab(68.43% -0.085 -0.0733)
OKLCHoklch(68.43% 0.112 220.8)
XYZxyz(26.1108, 33.2900, 60.9151)
Luminance0.3329 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#31A9CA #CA5231
analogous
#31CA9F #31A9CA #315DCA
triadic
#31A9CA #CA31A9 #A9CA31
tetradic
#31A9CA #9F31CA #CA5231 #5DCA31
square
#31A9CA #9F31CA #CA5231 #5DCA31
split-complementary
#31A9CA #CA315D #CA9F31
monochromatic
#195767 #258099 #31A9CA #60BED8 #91D2E4

Accessibility & contrast

On white

2.74
#31A9CA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.66
#31A9CA on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #31A9CA
7.66:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##31A9CA#FFFFFF#000000##000000
##31A9CA1.002.747.667.66
#FFFFFF2.741.0021.0021.00
#0000007.6621.001.001.00
##0000007.6621.001.001.00

Color blindness preview

Protanopia (red-blind)
#95A5CC
Deuteranopia (green-blind)
#8196CA
Tritanopia (blue-blind)
#00B4B4
Achromatopsia (no color)
#9C9C9C

Design tokens & code

CSS
--color: #31a9ca;
/* rgb */ color: rgb(49, 169, 202);
/* oklch */ color: oklch(68.4% 0.112 220.8);
Tailwind
colors: {
  custom: {
    50: '#80c2da',
    500: '#31a9ca',
    950: '#000000',
  },
}
SCSS
$custom: #31a9ca;
$custom-light: #80c2da;
$custom-dark: #000000;
JSON
{
  "hex": "#31a9ca",
  "rgb": {
    "r": 49,
    "g": 169,
    "b": 202
  },
  "hsl": {
    "h": 192.941,
    "s": 60.956,
    "l": 49.216
  },
  "oklch": {
    "l": 0.68431,
    "c": 0.11219,
    "h": 220.8
  },
  "luminance": 0.33293
}

Semantic roles & 50–950 ramp

primary
#31A9CA
secondary
#CF9788
accent
#6644E4
background
#F8FBFD
surface
#F0F7FA
border
#CBD0D3
text
#0C1214
muted
#7D8183

Preview Lab

Preview with #31A9CA

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

Preview Lab → · Contrast checker → · Palette generator →

#31A9CA Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva