#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

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026