#046874

#046874

Color Values

HEX

#046874

RGB

4, 104, 116

HSL

186.4, 93.3%, 23.5%

HSV

186.4, 96.6%, 45.5%

CMYK

96.6%, 10.3%, 0.0%, 54.5%

OKLCH

0.4739 0.0806 208.8

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#046874

#741004

Analogous

#047448

#043074

#046874

Triadic

#046874

#740468

#687404

Split Complementary

#046874

#740430

#744804

Tetradic

#046874

#480474

#741004

#307404

Color Blindness Simulation

Original

#046874

Protanopia

#2F3071

Deuteranopia

#2A2270

Tritanopia

#096F6E

Achromatopsia

#545454

CSS Usage

background-color: #046874;
color: #046874;
border-color: #046874;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BAF6FD
300
#89EFFB
400
#49E6F9
500
#09DDF6
600
#07B1C5
700
#058D9E
800
#046F7B
900
#085059
950
#053338

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026