#EBF8FA#EBF8FA

#EBF8FA is a very light, near-neutral teal. Relative luminance 0.917; OKLCH L 97.0% C 0.014 H 207.9°. Best body text is #000000 at 19.34:1 contrast (WCAG AA passes).

Color values

HEX#EBF8FA
RGBrgb(235, 248, 250)
HSLhsl(188, 60%, 95%)
HSVhsv(188, 6%, 98%)
CMYKcmyk(6%, 0.8%, 0%, 2%)
CIE-LABlab(96.70, -3.89, -2.43)
CIE-LCHlch(96.70, 4.59, 212.03°)
OKLaboklab(97.01% -0.0124 -0.0065)
OKLCHoklch(97.01% 0.014 207.9)
XYZxyz(85.0801, 91.6983, 103.6411)
Luminance0.9170 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EBF8FA #FAEDEB
analogous
#EBFAF4 #EBF8FA #EBF0FA
triadic
#EBF8FA #FAEBF8 #F8FAEB
tetradic
#EBF8FA #F4EBFA #FAEDEB #F0FAEB
square
#EBF8FA #F4EBFA #FAEDEB #F0FAEB
split-complementary
#EBF8FA #FAEBF0 #FAF4EB
monochromatic
#89D6E2 #BAE7EE #E7F6F9 #E7F6F9 #E7F6F9

Accessibility & contrast

On white

1.09
#EBF8FA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

19.34
#EBF8FA on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EBF8FA
19.34:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EBF8FA#FFFFFF#000000##000000
##EBF8FA1.001.0919.3419.34
#FFFFFF1.091.0021.0021.00
#00000019.3421.001.001.00
##00000019.3421.001.001.00

Color blindness preview

Protanopia (red-blind)
#F6F7FA
Deuteranopia (green-blind)
#F3F5FA
Tritanopia (blue-blind)
#E7F9F9
Achromatopsia (no color)
#F5F5F5

Design tokens & code

CSS
--color: #ebf8fa;
/* rgb */ color: rgb(235, 248, 250);
/* oklch */ color: oklch(97.0% 0.014 207.9);
Tailwind
colors: {
  custom: {
    50: '#f1fafb',
    500: '#ebf8fa',
    950: '#000000',
  },
}
SCSS
$custom: #ebf8fa;
$custom-light: #f1fafb;
$custom-dark: #000000;
JSON
{
  "hex": "#ebf8fa",
  "rgb": {
    "r": 235,
    "g": 248,
    "b": 250
  },
  "hsl": {
    "h": 188,
    "s": 60,
    "l": 95.098
  },
  "oklch": {
    "l": 0.97005,
    "c": 0.01399,
    "h": 207.9
  },
  "luminance": 0.91699
}

Semantic roles & 50–950 ramp

primary
#EBF8FA
secondary
#DDB3AC
accent
#341EC8
background
#FFFFFF
surface
#FEFFFF
border
#D6D7D7
text
#161717
muted
#858585

Preview Lab

Preview with #EBF8FA

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

Preview Lab → · Contrast checker → · Palette generator →

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