#5FEFB6

#5FEFB6

Color Values

HEX

#5FEFB6

RGB

95, 239, 182

HSL

156.3, 81.8%, 65.5%

HSV

156.3, 60.3%, 93.7%

CMYK

60.3%, 0.0%, 23.8%, 6.3%

OKLCH

0.8591 0.1489 163.8

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#5FEFB6

#EF5F98

Analogous

#5FEF6E

#5FE0EF

#5FEFB6

Triadic

#5FEFB6

#B65FEF

#EFB65F

Split Complementary

#5FEFB6

#EF5FE0

#EF6E5F

Tetradic

#5FEFB6

#6E5FEF

#EF5F98

#E0EF5F

Color Blindness Simulation

Original

#5FEFB6

Protanopia

#9D9FC4

Deuteranopia

#958AC7

Tritanopia

#66CFD1

Achromatopsia

#CCCCCC

CSS Usage

background-color: #5FEFB6;
color: #5FEFB6;
border-color: #5FEFB6;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FDF8
100
#E1FAF0
200
#BEF9E1
300
#90F4CC
400
#53EEB1
500
#17E895
600
#13B978
700
#0F9460
800
#0C744B
900
#0D5438
950
#083523

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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