#6AF4BF#6AF4BF

#6AF4BF is a very light, vivid teal. Relative luminance 0.715; OKLCH L 87.7% C 0.143 H 165.1°. Best body text is #000000 at 15.31:1 contrast (WCAG AA passes).

Color values

HEX	#6AF4BF
RGB	rgb(106, 244, 191)
HSL	hsl(157, 86%, 69%)
HSV	hsv(157, 57%, 96%)
CMYK	cmyk(56.6%, 0%, 21.7%, 4.3%)
CIE-LAB	lab(87.74, -49.82, 14.37)
CIE-LCH	lch(87.74, 51.85, 163.91°)
OKLab	oklab(87.66% -0.1382 0.0368)
OKLCH	oklch(87.66% 0.143 165.1)
XYZ	xyz(47.6939, 71.5226, 60.5719)
Luminance	0.7153 (WCAG relative)
Temperature	neutral
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#6AF4BF #F46A9F

analogous

#6AF47A #6AF4BF #6AE4F4

triadic

#6AF4BF #BF6AF4 #F4BF6A

tetradic

#6AF4BF #7A6AF4 #F46A9F #E4F46A

square

#6AF4BF #7A6AF4 #F46A9F #E4F46A

split-complementary

#6AF4BF #F46AE4 #F47A6A

monochromatic

#10D489 #31F0A7 #6AF4BF #A3F8D7 #DCFCF0

Accessibility & contrast

On white

1.37

#6AF4BF on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

15.31

#6AF4BF on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #6AF4BF

15.31:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##6AF4BF	#FFFFFF	#000000	##000000
##6AF4BF	1.00	1.37	15.31	15.31
#FFFFFF	1.37	1.00	21.00	21.00
#000000	15.31	21.00	1.00	1.00
##000000	15.31	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#F0E4BC

Deuteranopia (green-blind)

#DCD6C2

Tritanopia (blue-blind)

#25F4E5

Achromatopsia (no color)

#DCDCDC

Design tokens & code

CSS

--color: #6af4bf;
/* rgb */ color: rgb(106, 244, 191);
/* oklch */ color: oklch(87.7% 0.143 165.1);

Tailwind

colors: {
  custom: {
    50: '#9ff8d2',
    500: '#6af4bf',
    950: '#000000',
  },
}

SCSS

$custom: #6af4bf;
$custom-light: #9ff8d2;
$custom-dark: #000000;

JSON

{
  "hex": "#6af4bf",
  "rgb": {
    "r": 106,
    "g": 244,
    "b": 191
  },
  "hsl": {
    "h": 156.957,
    "s": 86.25,
    "l": 68.627
  },
  "oklch": {
    "l": 0.87664,
    "c": 0.14299,
    "h": 165.1
  },
  "luminance": 0.71527
}

Semantic roles & 50–950 ramp

primary

#6AF4BF

secondary

#CD356F

accent

#0359E3

background

#FCFFFE

surface

#F6FFFB

border

#D0D7D4

text

#101714

muted

#808583

Preview Lab

Preview with #6AF4BF

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

Preview Lab → · Contrast checker → · Palette generator →