#A0FBDD#A0FBDD

#A0FBDD is a very light, moderate teal. Relative luminance 0.817; OKLCH L 92.3% C 0.097 H 171.2°. Best body text is #000000 at 17.34:1 contrast (WCAG AA passes).

Color values

HEX	#A0FBDD
RGB	rgb(160, 251, 221)
HSL	hsl(160, 92%, 81%)
HSV	hsv(160, 36%, 98%)
CMYK	cmyk(36.3%, 0%, 12%, 1.6%)
CIE-LAB	lab(92.44, -33.67, 5.82)
CIE-LCH	lch(92.44, 34.17, 170.19°)
OKLab	oklab(92.25% -0.096 0.0149)
OKLCH	oklch(92.25% 0.097 171.2)
XYZ	xyz(62.0407, 81.6845, 80.8902)
Luminance	0.8169 (WCAG relative)
Temperature	neutral
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#A0FBDD #FBA0BE

analogous

#A0FBAF #A0FBDD #A0EBFB

triadic

#A0FBDD #DDA0FB #FBDDA0

tetradic

#A0FBDD #AFA0FB #FBA0BE #EBFBA0

square

#A0FBDD #AFA0FB #FBA0BE #EBFBA0

split-complementary

#A0FBDD #FBA0EB #FBAFA0

monochromatic

#2BF6B3 #65F9C8 #A0FBDD #DBFDF2 #E2FEF4

Accessibility & contrast

On white

1.21

#A0FBDD on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

17.34

#A0FBDD on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #A0FBDD

17.34:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##A0FBDD	#FFFFFF	#000000	##000000
##A0FBDD	1.00	1.21	17.34	17.34
#FFFFFF	1.21	1.00	21.00	21.00
#000000	17.34	21.00	1.00	1.00
##000000	17.34	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#F6F0DC

Deuteranopia (green-blind)

#E6E5DF

Tritanopia (blue-blind)

#86FCF2

Achromatopsia (no color)

#E9E9E9

Design tokens & code

CSS

--color: #a0fbdd;
/* rgb */ color: rgb(160, 251, 221);
/* oklch */ color: oklch(92.3% 0.097 171.2);

Tailwind

colors: {
  custom: {
    50: '#bffde7',
    500: '#a0fbdd',
    950: '#000000',
  },
}

SCSS

$custom: #a0fbdd;
$custom-light: #bffde7;
$custom-dark: #000000;

JSON

{
  "hex": "#a0fbdd",
  "rgb": {
    "r": 160,
    "g": 251,
    "b": 221
  },
  "hsl": {
    "h": 160.22,
    "s": 91.919,
    "l": 80.588
  },
  "oklch": {
    "l": 0.92253,
    "c": 0.09713,
    "h": 171.2
  },
  "luminance": 0.81688
}

Semantic roles & 50–950 ramp

primary

#A0FBDD

secondary

#DD628B

accent

#004CE6

background

#FDFFFE

surface

#F9FFFC

border

#D2D7D5

text

#121716

muted

#828584

Preview Lab

Preview with #A0FBDD

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

Preview Lab → · Contrast checker → · Palette generator →