#143D75

#143D75

Color Values

HEX

#143D75

RGB

20, 61, 117

HSL

214.6, 70.8%, 26.9%

HSV

214.6, 82.9%, 45.9%

CMYK

82.9%, 47.9%, 0.0%, 54.1%

OKLCH

0.365 0.1063 257.4

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#143D75

#754C14

Analogous

#146E75

#1B1475

#143D75

Triadic

#143D75

#75143D

#3D7514

Split Complementary

#143D75

#751B14

#6E7514

Tetradic

#143D75

#75146E

#754C14

#14751B

Color Blindness Simulation

Original

#143D75

Protanopia

#262667

Deuteranopia

#232064

Tritanopia

#165D5A

Achromatopsia

#383838

CSS Usage

background-color: #143D75;
color: #143D75;
border-color: #143D75;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F3F7FC
100
#E2ECF8
200
#C2D7F5
300
#96BBED
400
#5E96E3
500
#2572DA
600
#1E5BAE
700
#18498B
800
#13396D
900
#122C4F
950
#0B1C32

Contrast Checker

Text on white

10.75:1

AA Pass AAA Pass

Text on black

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