#9AF3BA#9AF3BA

#9AF3BA is a very light, moderate green. Relative luminance 0.745; OKLCH L 89.3% C 0.117 H 155.2°. Best body text is #000000 at 15.90:1 contrast (WCAG AA passes).

Color values

HEX	#9AF3BA
RGB	rgb(154, 243, 186)
HSL	hsl(142, 79%, 78%)
HSV	hsv(142, 37%, 95%)
CMYK	cmyk(36.6%, 0%, 23.5%, 4.7%)
CIE-LAB	lab(89.16, -38.58, 19.22)
CIE-LCH	lch(89.16, 43.10, 153.51°)
OKLab	oklab(89.29% -0.1062 0.0492)
OKLCH	oklch(89.29% 0.117 155.2)
XYZ	xyz(54.2366, 74.5132, 57.9695)
Luminance	0.7452 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#9AF3BA #F39AD3

analogous

#A6F39A #9AF3BA #9AF3E6

triadic

#9AF3BA #BA9AF3 #F3BA9A

tetradic

#9AF3BA #9AA6F3 #F39AD3 #F3E69A

square

#9AF3BA #9AA6F3 #F39AD3 #F3E69A

split-complementary

#9AF3BA #E69AF3 #F39AA6

monochromatic

#2DE66F #63ED95 #9AF3BA #D1F9DF #E4FCEC

Accessibility & contrast

On white

1.32

#9AF3BA on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

15.90

#9AF3BA on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #9AF3BA

15.90:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##9AF3BA	#FFFFFF	#000000	##000000
##9AF3BA	1.00	1.32	15.90	15.90
#FFFFFF	1.32	1.00	21.00	21.00
#000000	15.90	21.00	1.00	1.00
##000000	15.90	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#F2E6B7

Deuteranopia (green-blind)

#E4DCBD

Tritanopia (blue-blind)

#89F1E3

Achromatopsia (no color)

#E0E0E0

Design tokens & code

CSS

--color: #9af3ba;
/* rgb */ color: rgb(154, 243, 186);
/* oklch */ color: oklch(89.3% 0.117 155.2);

Tailwind

colors: {
  custom: {
    50: '#bbf7cf',
    500: '#9af3ba',
    950: '#000000',
  },
}

SCSS

$custom: #9af3ba;
$custom-light: #bbf7cf;
$custom-dark: #000000;

JSON

{
  "hex": "#9af3ba",
  "rgb": {
    "r": 154,
    "g": 243,
    "b": 186
  },
  "hsl": {
    "h": 141.573,
    "s": 78.761,
    "l": 77.843
  },
  "oklch": {
    "l": 0.89288,
    "c": 0.11701,
    "h": 155.2
  },
  "luminance": 0.74516
}

Semantic roles & 50–950 ramp

primary

#9AF3BA

secondary

#D160A8

accent

#0A90DB

background

#FDFFFE

surface

#F8FFFB

border

#D1D7D4

text

#121713

muted

#828583

Preview Lab

Preview with #9AF3BA

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

Preview Lab → · Contrast checker → · Palette generator →