#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