#49B3E2#49B3E2

#49B3E2 is a light, moderate cyan. Relative luminance 0.391; OKLCH L 72.5% C 0.118 H 230.7°. Best body text is #000000 at 8.83:1 contrast (WCAG AA passes).

Color values

HEX#49B3E2
RGBrgb(73, 179, 226)
HSLhsl(198, 73%, 59%)
HSVhsv(198, 68%, 89%)
CMYKcmyk(67.7%, 20.8%, 0%, 11.4%)
CIE-LABlab(68.86, -15.80, -32.48)
CIE-LCHlch(68.86, 36.12, 244.06°)
OKLaboklab(72.47% -0.0744 -0.0911)
OKLCHoklch(72.47% 0.118 230.7)
XYZxyz(32.5898, 39.1441, 77.7748)
Luminance0.3915 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#49B3E2 #E27849
analogous
#49E2C4 #49B3E2 #4966E2
triadic
#49B3E2 #E249B3 #B3E249
tetradic
#49B3E2 #C449E2 #E27849 #66E249
square
#49B3E2 #C449E2 #E27849 #66E249
split-complementary
#49B3E2 #E24966 #E2C449
monochromatic
#187198 #2198CD #49B3E2 #7EC9EA #B3DFF3

Accessibility & contrast

On white

2.38
#49B3E2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.83
#49B3E2 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #49B3E2
8.83:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##49B3E2#FFFFFF#000000##000000
##49B3E21.002.388.838.83
#FFFFFF2.381.0021.0021.00
#0000008.8321.001.001.00
##0000008.8321.001.001.00

Color blindness preview

Protanopia (red-blind)
#9BB1E4
Deuteranopia (green-blind)
#86A1E1
Tritanopia (blue-blind)
#00C0C3
Achromatopsia (no color)
#A8A8A8

Design tokens & code

CSS
--color: #49b3e2;
/* rgb */ color: rgb(73, 179, 226);
/* oklch */ color: oklch(72.5% 0.118 230.7);
Tailwind
colors: {
  custom: {
    50: '#8dc9eb',
    500: '#49b3e2',
    950: '#000000',
  },
}
SCSS
$custom: #49b3e2;
$custom-light: #8dc9eb;
$custom-dark: #000000;
JSON
{
  "hex": "#49b3e2",
  "rgb": {
    "r": 73,
    "g": 179,
    "b": 226
  },
  "hsl": {
    "h": 198.431,
    "s": 72.512,
    "l": 58.627
  },
  "oklch": {
    "l": 0.72475,
    "c": 0.11762,
    "h": 230.7
  },
  "luminance": 0.39148
}

Semantic roles & 50–950 ramp

primary
#49B3E2
secondary
#E2B8A5
accent
#7139EF
background
#F9FCFE
surface
#F2F8FD
border
#CCD1D5
text
#0D1316
muted
#7E8284

Preview Lab

Preview with #49B3E2

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

Preview Lab → · Contrast checker → · Palette generator →

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