#04749F

#04749F

Color Values

HEX

#04749F

RGB

4, 116, 159

HSL

196.6, 95.1%, 32.0%

HSV

196.6, 97.5%, 62.4%

CMYK

97.5%, 27.0%, 0.0%, 37.6%

OKLCH

0.5264 0.1083 233.4

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#04749F

#9F2F04

Analogous

#049F7D

#04279F

#04749F

Triadic

#04749F

#9F0474

#749F04

Split Complementary

#04749F

#9F0427

#9F7D04

Tetradic

#04749F

#7D049F

#9F2F04

#279F04

Color Blindness Simulation

Original

#04749F

Protanopia

#353595

Deuteranopia

#2E2692

Tritanopia

#0A8C8B

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DFF4FC
200
#B9EAFD
300
#88DCFC
400
#47C9FA
500
#06B6F9
600
#0591C7
700
#04749F
800
#035B7C
900
#07435A
950
#042A39

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

4.0:1

AA Fail 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