#04859F

#04859F

Color Values

HEX

#04859F

RGB

4, 133, 159

HSL

190.1, 95.1%, 32.0%

HSV

190.1, 97.5%, 62.4%

CMYK

97.5%, 16.4%, 0.0%, 37.6%

OKLCH

0.5696 0.1017 218.1

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#04859F

#9F1E04

Analogous

#049F6C

#04379F

#04859F

Triadic

#04859F

#9F0485

#859F04

Split Complementary

#04859F

#9F0437

#9F6C04

Tetradic

#04859F

#6C049F

#9F1E04

#379F04

Color Blindness Simulation

Original

#04859F

Protanopia

#3C3D99

Deuteranopia

#342B97

Tritanopia

#0A9493

Achromatopsia

#6B6B6B

CSS Usage

background-color: #04859F;
color: #04859F;
border-color: #04859F;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F1FBFE
100
#DFF7FC
200
#B9F2FD
300
#88E8FC
400
#47DCFA
500
#06D0F9
600
#05A6C7
700
#04859F
800
#03687C
900
#074C5A
950
#043039

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

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