#7BDCF9#7BDCF9

#7BDCF9 is a very light, moderate cyan. Relative luminance 0.622; OKLCH L 84.5% C 0.100 H 219.5°. Best body text is #000000 at 13.45:1 contrast (WCAG AA passes).

Color values

HEX	#7BDCF9
RGB	rgb(123, 220, 249)
HSL	hsl(194, 91%, 73%)
HSV	hsv(194, 51%, 98%)
CMYK	cmyk(50.6%, 11.6%, 0%, 2.4%)
CIE-LAB	lab(83.04, -20.97, -22.96)
CIE-LCH	lch(83.04, 31.10, 227.59°)
OKLab	oklab(84.55% -0.0772 -0.0635)
OKLCH	oklch(84.55% 0.1 219.5)
XYZ	xyz(50.8539, 62.2326, 98.9364)
Luminance	0.6224 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#7BDCF9 #F9987B

analogous

#7BF9D7 #7BDCF9 #7B9DF9

triadic

#7BDCF9 #F97BDC #DCF97B

tetradic

#7BDCF9 #D77BF9 #F9987B #9DF97B

square

#7BDCF9 #D77BF9 #F9987B #9DF97B

split-complementary

#7BDCF9 #F97B9D #F9D77B

monochromatic

#0BBAEF #40CCF6 #7BDCF9 #B6ECFC #E2F7FE

Accessibility & contrast

On white

1.56

#7BDCF9 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.45

#7BDCF9 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #7BDCF9

13.45:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##7BDCF9	#FFFFFF	#000000	##000000
##7BDCF9	1.00	1.56	13.45	13.45
#FFFFFF	1.56	1.00	21.00	21.00
#000000	13.45	21.00	1.00	1.00
##000000	13.45	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#CAD7FB

Deuteranopia (green-blind)

#B7C9F9

Tritanopia (blue-blind)

#2BE6E5

Achromatopsia (no color)

#CFCFCF

Design tokens & code

CSS

--color: #7bdcf9;
/* rgb */ color: rgb(123, 220, 249);
/* oklch */ color: oklch(84.5% 0.100 219.5);

Tailwind

colors: {
  custom: {
    50: '#a9e7fb',
    500: '#7bdcf9',
    950: '#000000',
  },
}

SCSS

$custom: #7bdcf9;
$custom-light: #a9e7fb;
$custom-dark: #000000;

JSON

{
  "hex": "#7bdcf9",
  "rgb": {
    "r": 123,
    "g": 220,
    "b": 249
  },
  "hsl": {
    "h": 193.81,
    "s": 91.304,
    "l": 72.941
  },
  "oklch": {
    "l": 0.84546,
    "c": 0.09996,
    "h": 219.5
  },
  "luminance": 0.62237
}

Semantic roles & 50–950 ramp

primary

#7BDCF9

secondary

#D66443

accent

#3500E6

background

#FDFEFF

surface

#F7FCFF

border

#D0D5D7

text

#101617

muted

#818485

Preview Lab

Preview with #7BDCF9

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

Preview Lab → · Contrast checker → · Palette generator →