#5BF2A2

#5BF2A2

Color Values

HEX

#5BF2A2

RGB

91, 242, 162

HSL

148.2, 85.3%, 65.3%

HSV

148.2, 62.4%, 94.9%

CMYK

62.4%, 0.0%, 33.1%, 5.1%

OKLCH

0.8608 0.1712 156.5

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#5BF2A2

#F25BAB

Analogous

#60F25B

#5BF2ED

#5BF2A2

Triadic

#5BF2A2

#A25BF2

#F2A25B

Split Complementary

#5BF2A2

#ED5BF2

#F25B60

Tetradic

#5BF2A2

#5B60F2

#F25BAB

#F2ED5B

Color Blindness Simulation

Original

#5BF2A2

Protanopia

#9C9EB5

Deuteranopia

#9488BA

Tritanopia

#63C5C8

Achromatopsia

#CCCCCC

CSS Usage

background-color: #5BF2A2;
color: #5BF2A2;
border-color: #5BF2A2;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF7
100
#E0FAEC
200
#BDFAD9
300
#8EF6BF
400
#50F19C
500
#13EC79
600
#0FBD61
700
#0C974D
800
#09763C
900
#0B562E
950
#07361D

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.67: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