#143F83

#143F83

Color Values

HEX

#143F83

RGB

20, 63, 131

HSL

216.8, 73.5%, 29.6%

HSV

216.8, 84.7%, 51.4%

CMYK

84.7%, 51.9%, 0.0%, 48.6%

OKLCH

0.3807 0.124 259.6

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#143F83

#835814

Analogous

#147683

#211483

#143F83

Triadic

#143F83

#83143F

#3F8314

Split Complementary

#143F83

#832114

#768314

Tetradic

#143F83

#831476

#835814

#148321

Color Blindness Simulation

Original

#143F83

Protanopia

#272773

Deuteranopia

#24216F

Tritanopia

#166663

Achromatopsia

#3B3B3B

CSS Usage

background-color: #143F83;
color: #143F83;
border-color: #143F83;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F6FC
100
#E2EBF8
200
#C1D5F6
300
#95B8EF
400
#5B91E6
500
#226ADD
600
#1B55B1
700
#16448E
800
#11356F
900
#102950
950
#0A1A33

Contrast Checker

Text on white

10.15:1

AA Pass AAA Pass

Text on black

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