#72B2E8#72B2E8

#72B2E8 is a light, moderate cyan. Relative luminance 0.412; OKLCH L 74.2% C 0.102 H 245.2°. Best body text is #000000 at 9.25:1 contrast (WCAG AA passes).

Color values

HEX#72B2E8
RGBrgb(114, 178, 232)
HSLhsl(207, 72%, 68%)
HSVhsv(207, 51%, 91%)
CMYKcmyk(50.9%, 23.3%, 0%, 9%)
CIE-LABlab(70.34, -5.72, -33.33)
CIE-LCHlch(70.34, 33.81, 260.27°)
OKLaboklab(74.16% -0.0429 -0.0931)
OKLCHoklch(74.16% 0.102 245.2)
XYZxyz(37.4202, 41.2415, 82.3168)
Luminance0.4124 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#72B2E8 #E8A872
analogous
#72E8E3 #72B2E8 #7277E8
triadic
#72B2E8 #E872B2 #B2E872
tetradic
#72B2E8 #E372E8 #E8A872 #77E872
square
#72B2E8 #E372E8 #E8A872 #77E872
split-complementary
#72B2E8 #E87277 #E8E372
monochromatic
#1F77C0 #3D95DF #72B2E8 #A7CFF1 #DBEBF9

Accessibility & contrast

On white

2.27
#72B2E8 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.25
#72B2E8 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #72B2E8
9.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##72B2E8#FFFFFF#000000##000000
##72B2E81.002.279.259.25
#FFFFFF2.271.0021.0021.00
#0000009.2521.001.001.00
##0000009.2521.001.001.00

Color blindness preview

Protanopia (red-blind)
#9BB3EB
Deuteranopia (green-blind)
#8CA7E7
Tritanopia (blue-blind)
#33BFC4
Achromatopsia (no color)
#ACACAC

Design tokens & code

CSS
--color: #72b2e8;
/* rgb */ color: rgb(114, 178, 232);
/* oklch */ color: oklch(74.2% 0.102 245.2);
Tailwind
colors: {
  custom: {
    50: '#a1c8ef',
    500: '#72b2e8',
    950: '#000000',
  },
}
SCSS
$custom: #72b2e8;
$custom-light: #a1c8ef;
$custom-dark: #000000;
JSON
{
  "hex": "#72b2e8",
  "rgb": {
    "r": 114,
    "g": 178,
    "b": 232
  },
  "hsl": {
    "h": 207.458,
    "s": 71.951,
    "l": 67.843
  },
  "oklch": {
    "l": 0.74159,
    "c": 0.10249,
    "h": 245.2
  },
  "luminance": 0.41244
}

Semantic roles & 50–950 ramp

primary
#72B2E8
secondary
#EDD9C9
accent
#6B11D4
background
#FAFCFE
surface
#F4F8FD
border
#CED1D5
text
#0F1316
muted
#7F8284

Preview Lab

Preview with #72B2E8

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

Preview Lab → · Contrast checker → · Palette generator →

#72B2E8 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva