#5CEFB0

#5CEFB0

Color Values

HEX

#5CEFB0

RGB

92, 239, 176

HSL

154.3, 82.1%, 64.9%

HSV

154.3, 61.5%, 93.7%

CMYK

61.5%, 0.0%, 26.4%, 6.3%

OKLCH

0.8568 0.155 161.7

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#5CEFB0

#EF5C9B

Analogous

#5CEF67

#5CE4EF

#5CEFB0

Triadic

#5CEFB0

#B05CEF

#EFB05C

Split Complementary

#5CEFB0

#EF5CE4

#EF675C

Tetradic

#5CEFB0

#675CEF

#EF5C9B

#E4EF5C

Color Blindness Simulation

Original

#5CEFB0

Protanopia

#9C9DBF

Deuteranopia

#9388C3

Tritanopia

#63CBCE

Achromatopsia

#CBCBCB

CSS Usage

background-color: #5CEFB0;
color: #5CEFB0;
border-color: #5CEFB0;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FDF8
100
#E1FAEF
200
#BEF9E0
300
#90F4C9
400
#53EEAC
500
#17E88F
600
#12BA72
700
#0F955B
800
#0B7447
900
#0D5436
950
#083522

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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