#49B3DF#49B3DF

#49B3DF is a light, moderate cyan. Relative luminance 0.390; OKLCH L 72.3% C 0.115 H 229.0°. Best body text is #000000 at 8.80:1 contrast (WCAG AA passes).

Color values

HEX#49B3DF
RGBrgb(73, 179, 223)
HSLhsl(198, 70%, 58%)
HSVhsv(198, 67%, 87%)
CMYKcmyk(67.3%, 19.7%, 0%, 12.5%)
CIE-LABlab(68.74, -16.75, -31.02)
CIE-LCHlch(68.74, 35.26, 241.63°)
OKLaboklab(72.34% -0.0755 -0.0869)
OKLCHoklch(72.34% 0.115 229)
XYZxyz(32.1817, 38.9809, 75.6257)
Luminance0.3898 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#49B3DF #DF7549
analogous
#49DFC0 #49B3DF #4968DF
triadic
#49B3DF #DF49B3 #B3DF49
tetradic
#49B3DF #C049DF #DF7549 #68DF49
square
#49B3DF #C049DF #DF7549 #68DF49
split-complementary
#49B3DF #DF4968 #DFC049
monochromatic
#1A7094 #2397C8 #49B3DF #7DC9E8 #B1DEF1

Accessibility & contrast

On white

2.39
#49B3DF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.80
#49B3DF on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #49B3DF
8.80:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##49B3DF#FFFFFF#000000##000000
##49B3DF1.002.398.808.80
#FFFFFF2.391.0021.0021.00
#0000008.8021.001.001.00
##0000008.8021.001.001.00

Color blindness preview

Protanopia (red-blind)
#9CB0E1
Deuteranopia (green-blind)
#87A1DE
Tritanopia (blue-blind)
#00BFC1
Achromatopsia (no color)
#A8A8A8

Design tokens & code

CSS
--color: #49b3df;
/* rgb */ color: rgb(73, 179, 223);
/* oklch */ color: oklch(72.3% 0.115 229.0);
Tailwind
colors: {
  custom: {
    50: '#8cc9e9',
    500: '#49b3df',
    950: '#000000',
  },
}
SCSS
$custom: #49b3df;
$custom-light: #8cc9e9;
$custom-dark: #000000;
JSON
{
  "hex": "#49b3df",
  "rgb": {
    "r": 73,
    "g": 179,
    "b": 223
  },
  "hsl": {
    "h": 197.6,
    "s": 70.093,
    "l": 58.039
  },
  "oklch": {
    "l": 0.72342,
    "c": 0.1151,
    "h": 229
  },
  "luminance": 0.38984
}

Semantic roles & 50–950 ramp

primary
#49B3DF
secondary
#E0B6A4
accent
#6F3BED
background
#F9FCFE
surface
#F2F8FC
border
#CCD1D5
text
#0D1316
muted
#7E8284

Preview Lab

Preview with #49B3DF

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

Preview Lab → · Contrast checker → · Palette generator →

#49B3DF Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva