#058292

#058292

Color Values

HEX

#058292

RGB

5, 130, 146

HSL

186.8, 93.4%, 29.6%

HSV

186.8, 96.6%, 57.3%

CMYK

96.6%, 11.0%, 0.0%, 42.7%

OKLCH

0.5561 0.0953 210.0

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#058292

#921505

Analogous

#05925B

#053C92

#058292

Triadic

#058292

#920582

#829205

Split Complementary

#058292

#92053C

#925B05

Tetradic

#058292

#5B0592

#921505

#3C9205

Color Blindness Simulation

Original

#058292

Protanopia

#3B3C8E

Deuteranopia

#342A8D

Tritanopia

#0B8B8A

Achromatopsia

#696969

CSS Usage

background-color: #058292;
color: #058292;
border-color: #058292;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BAF5FD
300
#89EEFB
400
#49E5F9
500
#08DCF7
600
#07B0C5
700
#058D9E
800
#046E7B
900
#085059
950
#053238

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

4.61:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026