#00FFAF

#00FFAF

Color Values

HEX

#00FFAF

RGB

0, 255, 175

HSL

161.2, 100.0%, 50.0%

HSV

161.2, 100.0%, 100.0%

CMYK

100.0%, 0.0%, 31.4%, 0.0%

OKLCH

0.8835 0.1951 161.5

Properties

Cool Light Nearest: mediumspringgreen

Color Harmonies

Complementary

#00FFAF

#FF0050

Analogous

#00FF30

#00CFFF

#00FFAF

Triadic

#00FFAF

#AF00FF

#FFAF00

Split Complementary

#00FFAF

#FF00CF

#FF3000

Tetradic

#00FFAF

#3000FF

#FF0050

#CFFF00

Color Blindness Simulation

Original

#00FFAF

Protanopia

#6E71C2

Deuteranopia

#604CC7

Tritanopia

#0DD2D5

Achromatopsia

#C3C3C3

CSS Usage

background-color: #00FFAF;
color: #00FFAF;
border-color: #00FFAF;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FEFA
100
#DEFCF3
200
#B8FFE9
300
#85FFD9
400
#42FFC4
500
#00FFAF
600
#00CC8C
700
#00A370
800
#008058
900
#055C41
950
#033A29

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.92:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026