#059AC7

#059AC7

Color Values

HEX

#059AC7

RGB

5, 154, 199

HSL

193.9, 95.1%, 40.0%

HSV

193.9, 97.5%, 78.0%

CMYK

97.5%, 22.6%, 0.0%, 22.0%

OKLCH

0.6408 0.1239 227.8

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#059AC7

#C73205

Analogous

#05C793

#0539C7

#059AC7

Triadic

#059AC7

#C7059A

#9AC705

Split Complementary

#059AC7

#C70539

#C79305

Tetradic

#059AC7

#9305C7

#C73205

#39C705

Color Blindness Simulation

Original

#059AC7

Protanopia

#4647BC

Deuteranopia

#3D32B9

Tritanopia

#0CB4B2

Achromatopsia

#7E7E7E

CSS Usage

background-color: #059AC7;
color: #059AC7;
border-color: #059AC7;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F1FBFE
100
#DFF5FC
200
#B9EEFD
300
#88E1FC
400
#47D1FA
500
#06C1F9
600
#059AC7
700
#047B9F
800
#03607C
900
#07475A
950
#042D39

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

6.45:1

AA Pass AAA Fail

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