#48ECFE#48ECFE

#48ECFE is a very light, vivid teal. Relative luminance 0.685; OKLCH L 86.8% C 0.133 H 205.9°. Best body text is #000000 at 14.70:1 contrast (WCAG AA passes).

Color values

HEX	#48ECFE
RGB	rgb(72, 236, 254)
HSL	hsl(186, 99%, 64%)
HSV	hsv(186, 72%, 100%)
CMYK	cmyk(71.7%, 7.1%, 0%, 0.4%)
CIE-LAB	lab(86.27, -35.70, -20.84)
CIE-LCH	lch(86.27, 41.33, 210.28°)
OKLab	oklab(86.78% -0.1194 -0.0579)
OKLCH	oklch(86.78% 0.133 205.9)
XYZ	xyz(50.5495, 68.5184, 104.3079)
Luminance	0.6852 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#48ECFE #FE5A48

analogous

#48FEB5 #48ECFE #4891FE

triadic

#48ECFE #FE48EC #ECFE48

tetradic

#48ECFE #B548FE #FE5A48 #91FE48

square

#48ECFE #B548FE #FE5A48 #91FE48

split-complementary

#48ECFE #FE4891 #FEB548

monochromatic

#01B7CA #0BE6FE #48ECFE #85F2FE #C2F9FF

Accessibility & contrast

On white

1.43

#48ECFE on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

14.70

#48ECFE on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #48ECFE

14.70:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##48ECFE	#FFFFFF	#000000	##000000
##48ECFE	1.00	1.43	14.70	14.70
#FFFFFF	1.43	1.00	21.00	21.00
#000000	14.70	21.00	1.00	1.00
##000000	14.70	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#D8E3FF

Deuteranopia (green-blind)

#BFD0FE

Tritanopia (blue-blind)

#00F6F1

Achromatopsia (no color)

#D8D8D8

Design tokens & code

CSS

--color: #48ecfe;
/* rgb */ color: rgb(72, 236, 254);
/* oklch */ color: oklch(86.8% 0.133 205.9);

Tailwind

colors: {
  custom: {
    50: '#94f2fe',
    500: '#48ecfe',
    950: '#000000',
  },
}

SCSS

$custom: #48ecfe;
$custom-light: #94f2fe;
$custom-dark: #000000;

JSON

{
  "hex": "#48ecfe",
  "rgb": {
    "r": 72,
    "g": 236,
    "b": 254
  },
  "hsl": {
    "h": 185.934,
    "s": 98.913,
    "l": 63.922
  },
  "oklch": {
    "l": 0.86784,
    "c": 0.13268,
    "h": 205.9
  },
  "luminance": 0.68524
}

Semantic roles & 50–950 ramp

primary

#48ECFE

secondary

#C63424

accent

#1700E6

background

#FCFFFF

surface

#F5FEFF

border

#CFD6D7

text

#0F1717

muted

#808585

Preview Lab

Preview with #48ECFE

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

Preview Lab → · Contrast checker → · Palette generator →