#45B2E0#45B2E0

#45B2E0 is a light, moderate cyan. Relative luminance 0.385; OKLCH L 72.0% C 0.118 H 229.7°. Best body text is #000000 at 8.70:1 contrast (WCAG AA passes).

Color values

HEX#45B2E0
RGBrgb(69, 178, 224)
HSLhsl(198, 71%, 57%)
HSVhsv(198, 69%, 88%)
CMYKcmyk(69.2%, 20.5%, 0%, 12.2%)
CIE-LABlab(68.38, -16.49, -32.14)
CIE-LCHlch(68.38, 36.12, 242.83°)
OKLaboklab(72.04% -0.0763 -0.0901)
OKLCHoklch(72.04% 0.118 229.7)
XYZxyz(31.8238, 38.4843, 76.2576)
Luminance0.3849 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#45B2E0 #E07345
analogous
#45E0C0 #45B2E0 #4565E0
triadic
#45B2E0 #E045B2 #B2E045
tetradic
#45B2E0 #C045E0 #E07345 #65E045
square
#45B2E0 #C045E0 #E07345 #65E045
split-complementary
#45B2E0 #E04565 #E0C045
monochromatic
#186E92 #2196C7 #45B2E0 #79C8E9 #AEDDF1

Accessibility & contrast

On white

2.41
#45B2E0 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.70
#45B2E0 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #45B2E0
8.70:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##45B2E0#FFFFFF#000000##000000
##45B2E01.002.418.708.70
#FFFFFF2.411.0021.0021.00
#0000008.7021.001.001.00
##0000008.7021.001.001.00

Color blindness preview

Protanopia (red-blind)
#9AAFE2
Deuteranopia (green-blind)
#85A0DF
Tritanopia (blue-blind)
#00BFC1
Achromatopsia (no color)
#A7A7A7

Design tokens & code

CSS
--color: #45b2e0;
/* rgb */ color: rgb(69, 178, 224);
/* oklch */ color: oklch(72.0% 0.118 229.7);
Tailwind
colors: {
  custom: {
    50: '#8bc9e9',
    500: '#45b2e0',
    950: '#000000',
  },
}
SCSS
$custom: #45b2e0;
$custom-light: #8bc9e9;
$custom-dark: #000000;
JSON
{
  "hex": "#45b2e0",
  "rgb": {
    "r": 69,
    "g": 178,
    "b": 224
  },
  "hsl": {
    "h": 197.806,
    "s": 71.429,
    "l": 57.451
  },
  "oklch": {
    "l": 0.72035,
    "c": 0.11809,
    "h": 229.7
  },
  "luminance": 0.38488
}

Semantic roles & 50–950 ramp

primary
#45B2E0
secondary
#E0B4A1
accent
#6F3AEE
background
#F9FCFE
surface
#F1F8FD
border
#CBD1D5
text
#0D1316
muted
#7E8284

Preview Lab

Preview with #45B2E0

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

Preview Lab → · Contrast checker → · Palette generator →

#45B2E0 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva