#047AA0

#047AA0

Color Values

HEX

#047AA0

RGB

4, 122, 160

HSL

194.6, 95.1%, 32.2%

HSV

194.6, 97.5%, 62.7%

CMYK

97.5%, 23.7%, 0.0%, 37.3%

OKLCH

0.5421 0.1059 229.0

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#047AA0

#A02A04

Analogous

#04A078

#042CA0

#047AA0

Triadic

#047AA0

#A0047A

#7AA004

Split Complementary

#047AA0

#A0042C

#A07804

Tetradic

#047AA0

#7804A0

#A02A04

#2CA004

Color Blindness Simulation

Original

#047AA0

Protanopia

#373897

Deuteranopia

#302795

Tritanopia

#0A908E

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F1FBFE
100
#DFF5FC
200
#B9EDFD
300
#88E0FC
400
#47CFFA
500
#06BEF9
600
#0598C7
700
#04799F
800
#035F7C
900
#07465A
950
#042C39

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

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