#046AC8

#046AC8

Color Values

HEX

#046AC8

RGB

4, 106, 200

HSL

208.8, 96.1%, 40.0%

HSV

208.8, 98.0%, 78.4%

CMYK

98.0%, 47.0%, 0.0%, 21.6%

OKLCH

0.5283 0.1669 254.1

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#046AC8

#C86204

Analogous

#04C8C4

#0408C8

#046AC8

Triadic

#046AC8

#C8046A

#6AC804

Split Complementary

#046AC8

#C80408

#C8C404

Tetradic

#046AC8

#C404C8

#C86204

#08C804

Color Blindness Simulation

Original

#046AC8

Protanopia

#3031B1

Deuteranopia

#2A23AC

Tritanopia

#099F9B

Achromatopsia

#5B5B5B

CSS Usage

background-color: #046AC8;
color: #046AC8;
border-color: #046AC8;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FE
100
#DFEEFC
200
#B9DDFE
300
#87C4FD
400
#46A4FB
500
#0584FA
600
#046AC8
700
#0355A0
800
#02427D
900
#07325A
950
#042039

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

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