#1B5564

#1B5564

Color Values

HEX

#1B5564

RGB

27, 85, 100

HSL

192.3, 57.5%, 24.9%

HSV

192.3, 73.0%, 39.2%

CMYK

73.0%, 15.0%, 0.0%, 60.8%

OKLCH

0.4192 0.0634 218.4

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#1B5564

#642A1B

Analogous

#1B644E

#1B3164

#1B5564

Triadic

#1B5564

#641B55

#55641B

Split Complementary

#1B5564

#641B31

#644E1B

Tetradic

#1B5564

#4E1B64

#642A1B

#31641B

Color Blindness Simulation

Original

#1B5564

Protanopia

#343560

Deuteranopia

#312C60

Tritanopia

#1E5E5D

Achromatopsia

#4A4A4A

CSS Usage

background-color: #1B5564;
color: #1B5564;
border-color: #1B5564;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F4FAFB
100
#E4F2F6
200
#C7E7F0
300
#9FD7E5
400
#6AC1D7
500
#36ABC9
600
#2B89A1
700
#236D81
800
#1B5564
900
#173F4A
950
#0F282E

Contrast Checker

Text on white

8.3:1

AA Pass AAA Pass

Text on black

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