#6ACBE4#6ACBE4

#6ACBE4 is a light, moderate cyan. Relative luminance 0.514; OKLCH L 79.2% C 0.098 H 216.8°. Best body text is #000000 at 11.28:1 contrast (WCAG AA passes).

Color values

HEX	#6ACBE4
RGB	rgb(106, 203, 228)
HSL	hsl(192, 69%, 65%)
HSV	hsv(192, 54%, 89%)
CMYK	cmyk(53.5%, 11%, 0%, 10.6%)
CIE-LAB	lab(76.90, -21.75, -21.13)
CIE-LCH	lch(76.90, 30.32, 224.18°)
OKLab	oklab(79.23% -0.0783 -0.0585)
OKLCH	oklch(79.23% 0.098 216.8)
XYZ	xyz(41.2979, 51.3737, 81.1235)
Luminance	0.5138 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#6ACBE4 #E4836A

analogous

#6AE4C0 #6ACBE4 #6A8EE4

triadic

#6ACBE4 #E46ACB #CBE46A

tetradic

#6ACBE4 #C06AE4 #E4836A #8EE46A

square

#6ACBE4 #C06AE4 #E4836A #8EE46A

split-complementary

#6ACBE4 #E46A8E #E4C06A

monochromatic

#2095B3 #36B9DB #6ACBE4 #9EDDED #D2EFF7

Accessibility & contrast

On white

1.86

#6ACBE4 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.28

#6ACBE4 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #6ACBE4

11.28:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##6ACBE4	#FFFFFF	#000000	##000000
##6ACBE4	1.00	1.86	11.28	11.28
#FFFFFF	1.86	1.00	21.00	21.00
#000000	11.28	21.00	1.00	1.00
##000000	11.28	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#BAC6E5

Deuteranopia (green-blind)

#A8B8E4

Tritanopia (blue-blind)

#00D4D3

Achromatopsia (no color)

#BEBEBE

Design tokens & code

CSS

--color: #6acbe4;
/* rgb */ color: rgb(106, 203, 228);
/* oklch */ color: oklch(79.2% 0.098 216.8);

Tailwind

colors: {
  custom: {
    50: '#9ddbec',
    500: '#6acbe4',
    950: '#000000',
  },
}

SCSS

$custom: #6acbe4;
$custom-light: #9ddbec;
$custom-dark: #000000;

JSON

{
  "hex": "#6acbe4",
  "rgb": {
    "r": 106,
    "g": 203,
    "b": 228
  },
  "hsl": {
    "h": 192.295,
    "s": 69.318,
    "l": 65.49
  },
  "oklch": {
    "l": 0.79234,
    "c": 0.09777,
    "h": 216.8
  },
  "luminance": 0.51377
}

Semantic roles & 50–950 ramp

primary

#6ACBE4

secondary

#B4563E

accent

#3B14D1

background

#FCFEFE

surface

#F6FBFD

border

#D0D4D5

text

#0F1516

muted

#808484

Preview Lab

Preview with #6ACBE4

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

Preview Lab → · Contrast checker → · Palette generator →