#8BCCF4#8BCCF4

#8BCCF4 is a light, moderate cyan. Relative luminance 0.552; OKLCH L 81.6% C 0.087 H 236.3°. Best body text is #000000 at 12.04:1 contrast (WCAG AA passes).

Color values

HEX	#8BCCF4
RGB	rgb(139, 204, 244)
HSL	hsl(203, 83%, 75%)
HSV	hsv(203, 43%, 96%)
CMYK	cmyk(43%, 16.4%, 0%, 4.3%)
CIE-LAB	lab(79.16, -10.44, -26.15)
CIE-LCH	lch(79.16, 28.15, 248.24°)
OKLab	oklab(81.6% -0.0482 -0.0723)
OKLCH	oklch(81.6% 0.087 236.3)
XYZ	xyz(48.5638, 55.2031, 93.6666)
Luminance	0.5521 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#8BCCF4 #F4B38B

analogous

#8BF4E7 #8BCCF4 #8B98F4

triadic

#8BCCF4 #F48BCC #CCF48B

tetradic

#8BCCF4 #E78BF4 #F4B38B #98F48B

square

#8BCCF4 #E78BF4 #F4B38B #98F48B

split-complementary

#8BCCF4 #F48B98 #F4E78B

monochromatic

#1B9BE9 #53B3EF #8BCCF4 #C3E5F9 #E3F3FC

Accessibility & contrast

On white

1.74

#8BCCF4 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

12.04

#8BCCF4 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #8BCCF4

12.04:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##8BCCF4	#FFFFFF	#000000	##000000
##8BCCF4	1.00	1.74	12.04	12.04
#FFFFFF	1.74	1.00	21.00	21.00
#000000	12.04	21.00	1.00	1.00
##000000	12.04	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#BACBF6

Deuteranopia (green-blind)

#ABBFF3

Tritanopia (blue-blind)

#60D6D9

Achromatopsia (no color)

#C4C4C4

Design tokens & code

CSS

--color: #8bccf4;
/* rgb */ color: rgb(139, 204, 244);
/* oklch */ color: oklch(81.6% 0.087 236.3);

Tailwind

colors: {
  custom: {
    50: '#b1dbf7',
    500: '#8bccf4',
    950: '#000000',
  },
}

SCSS

$custom: #8bccf4;
$custom-light: #b1dbf7;
$custom-dark: #000000;

JSON

{
  "hex": "#8bccf4",
  "rgb": {
    "r": 139,
    "g": 204,
    "b": 244
  },
  "hsl": {
    "h": 202.857,
    "s": 82.677,
    "l": 75.098
  },
  "oklch": {
    "l": 0.81596,
    "c": 0.08694,
    "h": 236.3
  },
  "luminance": 0.55206
}

Semantic roles & 50–950 ramp

primary

#8BCCF4

secondary

#D18352

accent

#5906DF

background

#FDFEFF

surface

#F8FBFE

border

#D1D4D6

text

#111517

muted

#818485

Preview Lab

Preview with #8BCCF4

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

Preview Lab → · Contrast checker → · Palette generator →