#00FFBA

#00FFBA

Color Values

HEX

#00FFBA

RGB

0, 255, 186

HSL

163.8, 100.0%, 50.0%

HSV

163.8, 100.0%, 100.0%

CMYK

100.0%, 0.0%, 27.1%, 0.0%

OKLCH

0.8859 0.1865 164.9

Properties

Cool Light Nearest: mediumspringgreen

Color Harmonies

Complementary

#00FFBA

#FF0045

Analogous

#00FF3B

#00C4FF

#00FFBA

Triadic

#00FFBA

#BA00FF

#FFBA00

Split Complementary

#00FFBA

#FF00C4

#FF3B00

Tetradic

#00FFBA

#3B00FF

#FF0045

#C4FF00

Color Blindness Simulation

Original

#00FFBA

Protanopia

#6E71CB

Deuteranopia

#604CCF

Tritanopia

#0DD8DB

Achromatopsia

#C4C4C4

CSS Usage

background-color: #00FFBA;
color: #00FFBA;
border-color: #00FFBA;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F1FEFA
100
#DEFCF4
200
#B8FFEC
300
#85FFDE
400
#42FFCC
500
#00FFBA
600
#00CC95
700
#00A377
800
#00805D
900
#055C45
950
#033A2B

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.01:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026