#BAE4F9#BAE4F9

#BAE4F9 is a very light, muted cyan. Relative luminance 0.728; OKLCH L 89.6% C 0.052 H 229.7°. Best body text is #000000 at 15.55:1 contrast (WCAG AA passes).

Color values

HEX#BAE4F9
RGBrgb(186, 228, 249)
HSLhsl(200, 84%, 85%)
HSVhsv(200, 25%, 98%)
CMYKcmyk(25.3%, 8.4%, 0%, 2.4%)
CIE-LABlab(88.33, -9.01, -14.66)
CIE-LCHlch(88.33, 17.21, 238.44°)
OKLaboklab(89.59% -0.0339 -0.0399)
OKLCHoklch(89.59% 0.052 229.7)
XYZxyz(65.0870, 72.7630, 100.2194)
Luminance0.7277 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BAE4F9 #F9CFBA
analogous
#BAF9EE #BAE4F9 #BAC4F9
triadic
#BAE4F9 #F9BAE4 #E4F9BA
tetradic
#BAE4F9 #EEBAF9 #F9CFBA #C4F9BA
square
#BAE4F9 #EEBAF9 #F9CFBA #C4F9BA
split-complementary
#BAE4F9 #F9BAC4 #F9EEBA
monochromatic
#49B8EF #82CEF4 #BAE4F9 #E3F4FD #E3F4FD

Accessibility & contrast

On white

1.35
#BAE4F9 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.55
#BAE4F9 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BAE4F9
15.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BAE4F9#FFFFFF#000000##000000
##BAE4F91.001.3515.5515.55
#FFFFFF1.351.0021.0021.00
#00000015.5521.001.001.00
##00000015.5521.001.001.00

Color blindness preview

Protanopia (red-blind)
#D9E2FA
Deuteranopia (green-blind)
#D0DAF9
Tritanopia (blue-blind)
#A7EAEA
Achromatopsia (no color)
#DEDEDE

Design tokens & code

CSS
--color: #bae4f9;
/* rgb */ color: rgb(186, 228, 249);
/* oklch */ color: oklch(89.6% 0.052 229.7);
Tailwind
colors: {
  custom: {
    50: '#d0ecfb',
    500: '#bae4f9',
    950: '#000000',
  },
}
SCSS
$custom: #bae4f9;
$custom-light: #d0ecfb;
$custom-dark: #000000;
JSON
{
  "hex": "#bae4f9",
  "rgb": {
    "r": 186,
    "g": 228,
    "b": 249
  },
  "hsl": {
    "h": 200,
    "s": 84,
    "l": 85.294
  },
  "oklch": {
    "l": 0.89588,
    "c": 0.05237,
    "h": 229.7
  },
  "luminance": 0.72765
}

Semantic roles & 50–950 ramp

primary
#BAE4F9
secondary
#DD9B7B
accent
#4E05E0
background
#FEFEFF
surface
#FBFDFF
border
#D4D5D7
text
#141617
muted
#838485

Preview Lab

Preview with #BAE4F9

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

Preview Lab → · Contrast checker → · Palette generator →

#BAE4F9 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva