#5AF6B7

#5AF6B7

Color Values

HEX

#5AF6B7

RGB

90, 246, 183

HSL

155.8, 89.7%, 65.9%

HSV

155.8, 63.4%, 96.5%

CMYK

63.4%, 0.0%, 25.6%, 3.5%

OKLCH

0.8748 0.1592 162.8

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#5AF6B7

#F65A99

Analogous

#5AF669

#5AE7F6

#5AF6B7

Triadic

#5AF6B7

#B75AF6

#F6B75A

Split Complementary

#5AF6B7

#F65AE7

#F6695A

Tetradic

#5AF6B7

#695AF6

#F65A99

#E7F65A

Color Blindness Simulation

Original

#5AF6B7

Protanopia

#9E9FC6

Deuteranopia

#9489CA

Tritanopia

#62D2D5

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FBF0
200
#BBFBE1
300
#8BF9CC
400
#4CF5B1
500
#0DF296
600
#0BC178
700
#089B60
800
#07794B
900
#095838
950
#063723

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.3:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026