#05ABC7

#05ABC7

Color Values

HEX

#05ABC7

RGB

5, 171, 199

HSL

188.7, 95.1%, 40.0%

HSV

188.7, 97.5%, 78.0%

CMYK

97.5%, 14.1%, 0.0%, 22.0%

OKLCH

0.6824 0.1199 215.0

Properties

Cool Light Nearest: Pacific Blue

Color Harmonies

Complementary

#05ABC7

#C72105

Analogous

#05C782

#054AC7

#05ABC7

Triadic

#05ABC7

#C705AB

#ABC705

Split Complementary

#05ABC7

#C7054A

#C78205

Tetradic

#05ABC7

#8205C7

#C72105

#4AC705

Color Blindness Simulation

Original

#05ABC7

Protanopia

#4D4EC0

Deuteranopia

#4337BF

Tritanopia

#0DBBBA

Achromatopsia

#8A8A8A

CSS Usage

background-color: #05ABC7;
color: #05ABC7;
border-color: #05ABC7;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F1FCFE
100
#DFF7FC
200
#B9F3FD
300
#88EBFC
400
#47E0FA
500
#06D6F9
600
#05ABC7
700
#04899F
800
#036B7C
900
#074E5A
950
#043139

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

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