#0449FB

#0449FB

Color Values

HEX

#0449FB

RGB

4, 73, 251

HSL

223.2, 96.9%, 50.0%

HSV

223.2, 98.4%, 98.4%

CMYK

98.4%, 70.9%, 0.0%, 1.6%

OKLCH

0.5103 0.2671 263.6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0449FB

#FBB604

Analogous

#04C5FB

#3A04FB

#0449FB

Triadic

#0449FB

#FB0449

#49FB04

Split Complementary

#0449FB

#FB3A04

#C5FB04

Tetradic

#0449FB

#FB04C5

#FBB604

#04FB3A

Color Blindness Simulation

Original

#0449FB

Protanopia

#2222D0

Deuteranopia

#1E19C6

Tritanopia

#07AEA6

Achromatopsia

#474747

CSS Usage

background-color: #0449FB;
color: #0449FB;
border-color: #0449FB;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B9CCFE
300
#86A8FD
400
#4578FC
500
#0449FB
600
#033BC9
700
#032FA1
800
#02257E
900
#061E5B
950
#041339

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

3.35:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026