#1B5DA7

#1B5DA7

Color Values

HEX

#1B5DA7

RGB

27, 93, 167

HSL

211.7, 72.2%, 38.0%

HSV

211.7, 83.8%, 65.5%

CMYK

83.8%, 44.3%, 0.0%, 34.5%

OKLCH

0.4788 0.1353 254.6

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#1B5DA7

#A7651B

Analogous

#1BA3A7

#1F1BA7

#1B5DA7

Triadic

#1B5DA7

#A71B5D

#5DA71B

Split Complementary

#1B5DA7

#A71F1B

#A3A71B

Tetradic

#1B5DA7

#A71BA3

#A7651B

#1BA71F

Color Blindness Simulation

Original

#1B5DA7

Protanopia

#383895

Deuteranopia

#342F91

Tritanopia

#1E8784

Achromatopsia

#545454

CSS Usage

background-color: #1B5DA7;
color: #1B5DA7;
border-color: #1B5DA7;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F7FC
100
#E2EDF8
200
#C2DAF5
300
#96BFEE
400
#5D9DE5
500
#237ADC
600
#1C62B0
700
#174E8D
800
#123D6E
900
#112F50
950
#0B1D32

Contrast Checker

Text on white

6.62:1

AA Pass AAA Fail

Text on black

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