#5ABEC8

#5ABEC8

Color Values

HEX

#5ABEC8

RGB

90, 190, 200

HSL

185.5, 50.0%, 56.9%

HSV

185.5, 55.0%, 78.4%

CMYK

55.0%, 5.0%, 0.0%, 21.6%

OKLCH

0.7457 0.094 204.2

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#5ABEC8

#C8645A

Analogous

#5AC89B

#5A87C8

#5ABEC8

Triadic

#5ABEC8

#C85ABE

#BEC85A

Split Complementary

#5ABEC8

#C85A87

#C89B5A

Tetradic

#5ABEC8

#9B5AC8

#C8645A

#87C85A

Color Blindness Simulation

Original

#5ABEC8

Protanopia

#8586C6

Deuteranopia

#8078C5

Tritanopia

#5FC4C3

Achromatopsia

#A9A9A9

CSS Usage

background-color: #5ABEC8;
color: #5ABEC8;
border-color: #5ABEC8;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#C9EAED
300
#A3DBE0
400
#71C7D0
500
#40B4BF
600
#339099
700
#29737A
800
#205A60
900
#1B4246
950
#112A2C

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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