#A2FECE#A2FECE

#A2FECE is a very light, moderate green. Relative luminance 0.830; OKLCH L 92.6% C 0.111 H 160.4°. Best body text is #000000 at 17.60:1 contrast (WCAG AA passes).

Color values

HEX#A2FECE
RGBrgb(162, 254, 206)
HSLhsl(149, 98%, 82%)
HSVhsv(149, 36%, 100%)
CMYKcmyk(36.2%, 0%, 18.9%, 0.4%)
CIE-LABlab(93.02, -37.51, 14.40)
CIE-LCHlch(93.02, 40.18, 158.99°)
OKLaboklab(92.64% -0.1043 0.0371)
OKLCHoklch(92.64% 0.111 160.4)
XYZxyz(61.4785, 83.0176, 71.1651)
Luminance0.8302 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A2FECE #FEA2D2
analogous
#A4FEA2 #A2FECE #A2FEFC
triadic
#A2FECE #CEA2FE #FECEA2
tetradic
#A2FECE #A2A4FE #FEA2D2 #FEFCA2
square
#A2FECE #A2A4FE #FEA2D2 #FEFCA2
split-complementary
#A2FECE #FCA2FE #FEA2A4
monochromatic
#29FD8E #65FDAE #A2FECE #DFFFEE #E1FFEF

Accessibility & contrast

On white

1.19
#A2FECE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.60
#A2FECE on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #A2FECE
17.60:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A2FECE#FFFFFF#000000##000000
##A2FECE1.001.1917.6017.60
#FFFFFF1.191.0021.0021.00
#00000017.6021.001.001.00
##00000017.6021.001.001.00

Color blindness preview

Protanopia (red-blind)
#FCF1CB
Deuteranopia (green-blind)
#EDE7D1
Tritanopia (blue-blind)
#8DFDF0
Achromatopsia (no color)
#EBEBEB

Design tokens & code

CSS
--color: #a2fece;
/* rgb */ color: rgb(162, 254, 206);
/* oklch */ color: oklch(92.6% 0.111 160.4);
Tailwind
colors: {
  custom: {
    50: '#c0ffdd',
    500: '#a2fece',
    950: '#000000',
  },
}
SCSS
$custom: #a2fece;
$custom-light: #c0ffdd;
$custom-dark: #000000;
JSON
{
  "hex": "#a2fece",
  "rgb": {
    "r": 162,
    "g": 254,
    "b": 206
  },
  "hsl": {
    "h": 148.696,
    "s": 97.872,
    "l": 81.569
  },
  "oklch": {
    "l": 0.92639,
    "c": 0.11067,
    "h": 160.4
  },
  "luminance": 0.83021
}

Semantic roles & 50–950 ramp

primary
#A2FECE
secondary
#E262A5
accent
#0078E6
background
#FDFFFE
surface
#F9FFFC
border
#D2D7D5
text
#121815
muted
#828684

Preview Lab

Preview with #A2FECE

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

Preview Lab → · Contrast checker → · Palette generator →

#A2FECE Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva