#059FC7

#059FC7

Color Values

HEX

#059FC7

RGB

5, 159, 199

HSL

192.4, 95.1%, 40.0%

HSV

192.4, 97.5%, 78.0%

CMYK

97.5%, 20.1%, 0.0%, 22.0%

OKLCH

0.653 0.122 224.1

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#059FC7

#C72D05

Analogous

#05C78E

#053EC7

#059FC7

Triadic

#059FC7

#C7059F

#9FC705

Split Complementary

#059FC7

#C7053E

#C78E05

Tetradic

#059FC7

#8E05C7

#C72D05

#3EC705

Color Blindness Simulation

Original

#059FC7

Protanopia

#4849BD

Deuteranopia

#3F33BB

Tritanopia

#0DB6B4

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F1FBFE
100
#DFF6FC
200
#B9EFFD
300
#88E4FC
400
#47D5FA
500
#06C7F9
600
#059FC7
700
#047F9F
800
#03637C
900
#07495A
950
#042E39

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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