#055FFA

#055FFA

Color Values

HEX

#055FFA

RGB

5, 95, 250

HSL

218.0, 96.1%, 50.0%

HSV

218.0, 98.0%, 98.0%

CMYK

98.0%, 62.0%, 0.0%, 2.0%

OKLCH

0.5465 0.2423 261.7

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#055FFA

#FAA005

Analogous

#05D9FA

#2605FA

#055FFA

Triadic

#055FFA

#FA055F

#5FFA05

Split Complementary

#055FFA

#FA2605

#D9FA05

Tetradic

#055FFA

#FA05D9

#FAA005

#05FA26

Color Blindness Simulation

Original

#055FFA

Protanopia

#2C2DD5

Deuteranopia

#2720CC

Tritanopia

#0AB7B0

Achromatopsia

#575757

CSS Usage

background-color: #055FFA;
color: #055FFA;
border-color: #055FFA;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F1F6FE
100
#DFE9FC
200
#B9D2FE
300
#87B2FD
400
#4688FB
500
#055FFA
600
#044CC8
700
#033DA0
800
#022F7D
900
#07255A
950
#041839

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

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