#1B5FE4

#1B5FE4

Color Values

HEX

#1B5FE4

RGB

27, 95, 228

HSL

219.7, 78.8%, 50.0%

HSV

219.7, 88.2%, 89.4%

CMYK

88.2%, 58.3%, 0.0%, 10.6%

OKLCH

0.5303 0.2129 262.0

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#1B5FE4

#E4A01B

Analogous

#1BC3E4

#3C1BE4

#1B5FE4

Triadic

#1B5FE4

#E41B5F

#5FE41B

Split Complementary

#1B5FE4

#E43C1B

#C3E41B

Tetradic

#1B5FE4

#E41BC3

#E4A01B

#1BE43C

Color Blindness Simulation

Original

#1B5FE4

Protanopia

#3839C4

Deuteranopia

#342FBC

Tritanopia

#1EAAA5

Achromatopsia

#5A5A5A

CSS Usage

background-color: #1B5FE4;
color: #1B5FE4;
border-color: #1B5FE4;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F6FC
100
#E1E9F9
200
#BFD2F7
300
#92B2F2
400
#5689EB
500
#1B5FE4
600
#164CB6
700
#113D92
800
#0E3072
900
#0E2553
950
#091834

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026