#84EAFE#84EAFE

#84EAFE is a very light, moderate teal. Relative luminance 0.709; OKLCH L 88.2% C 0.099 H 211.7°. Best body text is #000000 at 15.18:1 contrast (WCAG AA passes).

Color values

HEX	#84EAFE
RGB	rgb(132, 234, 254)
HSL	hsl(190, 98%, 76%)
HSV	hsv(190, 48%, 100%)
CMYK	cmyk(48%, 7.9%, 0%, 0.4%)
CIE-LAB	lab(87.44, -24.65, -18.90)
CIE-LCH	lch(87.44, 31.06, 217.48°)
OKLab	oklab(88.21% -0.0843 -0.0521)
OKLCH	oklch(88.21% 0.099 211.7)
XYZ	xyz(56.8211, 70.9022, 104.4379)
Luminance	0.7091 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#84EAFE #FE9884

analogous

#84FED5 #84EAFE #84ADFE

triadic

#84EAFE #FE84EA #EAFE84

tetradic

#84EAFE #D584FE #FE9884 #ADFE84

square

#84EAFE #D584FE #FE9884 #ADFE84

split-complementary

#84EAFE #FE84AD #FED584

monochromatic

#0BD5FD #47E0FE #84EAFE #C1F4FE #E1FAFF

Accessibility & contrast

On white

1.38

#84EAFE on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

15.18

#84EAFE on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #84EAFE

15.18:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##84EAFE	#FFFFFF	#000000	##000000
##84EAFE	1.00	1.38	15.18	15.18
#FFFFFF	1.38	1.00	21.00	21.00
#000000	15.18	21.00	1.00	1.00
##000000	15.18	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#DAE3FF

Deuteranopia (green-blind)

#C6D5FE

Tritanopia (blue-blind)

#3FF3F0

Achromatopsia (no color)

#DBDBDB

Design tokens & code

CSS

--color: #84eafe;
/* rgb */ color: rgb(132, 234, 254);
/* oklch */ color: oklch(88.2% 0.099 211.7);

Tailwind

colors: {
  custom: {
    50: '#aff1fe',
    500: '#84eafe',
    950: '#000000',
  },
}

SCSS

$custom: #84eafe;
$custom-light: #aff1fe;
$custom-dark: #000000;

JSON

{
  "hex": "#84eafe",
  "rgb": {
    "r": 132,
    "g": 234,
    "b": 254
  },
  "hsl": {
    "h": 189.836,
    "s": 98.387,
    "l": 75.686
  },
  "oklch": {
    "l": 0.88214,
    "c": 0.09911,
    "h": 211.7
  },
  "luminance": 0.70907
}

Semantic roles & 50–950 ramp

primary

#84EAFE

secondary

#DD6149

accent

#2600E6

background

#FDFFFF

surface

#F8FEFF

border

#D1D6D7

text

#111617

muted

#818585

Preview Lab

Preview with #84EAFE

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

Preview Lab → · Contrast checker → · Palette generator →