#045BFB

#045BFB

Color Values

HEX

#045BFB

RGB

4, 91, 251

HSL

218.9, 96.9%, 50.0%

HSV

218.9, 98.4%, 98.4%

CMYK

98.4%, 63.7%, 0.0%, 1.6%

OKLCH

0.5401 0.2481 262.1

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#045BFB

#FBA404

Analogous

#04D6FB

#2904FB

#045BFB

Triadic

#045BFB

#FB045B

#5BFB04

Split Complementary

#045BFB

#FB2904

#D6FB04

Tetradic

#045BFB

#FB04D6

#FBA404

#04FB29

Color Blindness Simulation

Original

#045BFB

Protanopia

#2A2AD4

Deuteranopia

#251ECB

Tritanopia

#08B6AF

Achromatopsia

#545454

CSS Usage

background-color: #045BFB;
color: #045BFB;
border-color: #045BFB;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F5FE
100
#DEE9FC
200
#B9D1FE
300
#86B0FD
400
#4586FC
500
#045BFB
600
#0349C9
700
#033AA1
800
#022D7E
900
#06245B
950
#041739

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

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