#2FFFA2#2FFFA2

#2FFFA2 is a very light, highly saturated teal. Relative luminance 0.747; OKLCH L 88.4% C 0.201 H 157.2°. Best body text is #000000 at 15.95:1 contrast (WCAG AA passes).

Color values

HEX#2FFFA2
RGBrgb(47, 255, 162)
HSLhsl(153, 100%, 59%)
HSVhsv(153, 82%, 100%)
CMYKcmyk(81.6%, 0%, 36.5%, 0%)
CIE-LABlab(89.27, -68.56, 31.09)
CIE-LCHlch(89.27, 75.28, 155.61°)
OKLaboklab(88.4% -0.185 0.0779)
OKLCHoklch(88.4% 0.201 157.2)
XYZxyz(43.4494, 74.7275, 46.3093)
Luminance0.7473 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2FFFA2 #FF2F8C
analogous
#2FFF3A #2FFFA2 #2FF4FF
triadic
#2FFFA2 #A22FFF #FFA22F
tetradic
#2FFFA2 #3A2FFF #FF2F8C #F4FF2F
square
#2FFFA2 #3A2FFF #FF2F8C #F4FF2F
split-complementary
#2FFFA2 #FF2FF4 #FF3A2F
monochromatic
#00B463 #00F185 #2FFFA2 #6CFFBD #A9FFD9

Accessibility & contrast

On white

1.32
#2FFFA2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.95
#2FFFA2 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #2FFFA2
15.95:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2FFFA2#FFFFFF#000000##000000
##2FFFA21.001.3215.9515.95
#FFFFFF1.321.0021.0021.00
#00000015.9521.001.001.00
##00000015.9521.001.001.00

Color blindness preview

Protanopia (red-blind)
#FDEA9C
Deuteranopia (green-blind)
#E6DAA8
Tritanopia (blue-blind)
#00FDE7
Achromatopsia (no color)
#E0E0E0

Design tokens & code

CSS
--color: #2fffa2;
/* rgb */ color: rgb(47, 255, 162);
/* oklch */ color: oklch(88.4% 0.201 157.2);
Tailwind
colors: {
  custom: {
    50: '#8bffbe',
    500: '#2fffa2',
    950: '#000000',
  },
}
SCSS
$custom: #2fffa2;
$custom-light: #8bffbe;
$custom-dark: #000000;
JSON
{
  "hex": "#2fffa2",
  "rgb": {
    "r": 47,
    "g": 255,
    "b": 162
  },
  "hsl": {
    "h": 153.173,
    "s": 100,
    "l": 59.216
  },
  "oklch": {
    "l": 0.88401,
    "c": 0.20076,
    "h": 157.2
  },
  "luminance": 0.74733
}

Semantic roles & 50–950 ramp

primary
#2FFFA2
secondary
#B32061
accent
#2989FF
background
#FCFFFD
surface
#F5FFF8
border
#CFD7D1
text
#0E1812
muted
#7F8682

Preview Lab

Preview with #2FFFA2

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

Preview Lab → · Contrast checker → · Palette generator →

#2FFFA2 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva