#146BCB

#146BCB

Color Values

HEX

#146BCB

RGB

20, 107, 203

HSL

211.5, 82.1%, 43.7%

HSV

211.5, 90.1%, 79.6%

CMYK

90.1%, 47.3%, 0.0%, 20.4%

OKLCH

0.5344 0.1677 255.4

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#146BCB

#CB7414

Analogous

#14C6CB

#1914CB

#146BCB

Triadic

#146BCB

#CB146B

#6BCB14

Split Complementary

#146BCB

#CB1914

#C6CB14

Tetradic

#146BCB

#CB14C6

#CB7414

#14CB19

Color Blindness Simulation

Original

#146BCB

Protanopia

#3A3AB4

Deuteranopia

#352EAE

Tritanopia

#18A19D

Achromatopsia

#5F5F5F

CSS Usage

background-color: #146BCB;
color: #146BCB;
border-color: #146BCB;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDAF9
300
#90BFF4
400
#539DEE
500
#177AE8
600
#1262BA
700
#0F4E95
800
#0B3D74
900
#0D2F54
950
#081D35

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

4.0:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026