#143C8F

#143C8F

Color Values

HEX

#143C8F

RGB

20, 60, 143

HSL

220.5, 75.5%, 32.0%

HSV

220.5, 86.0%, 56.1%

CMYK

86.0%, 58.0%, 0.0%, 43.9%

OKLCH

0.3841 0.1449 262.4

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#143C8F

#8F6714

Analogous

#147A8F

#2A148F

#143C8F

Triadic

#143C8F

#8F143C

#3C8F14

Split Complementary

#143C8F

#8F2A14

#7A8F14

Tetradic

#143C8F

#8F147A

#8F6714

#148F2A

Color Blindness Simulation

Original

#143C8F

Protanopia

#25267B

Deuteranopia

#232076

Tritanopia

#166B68

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E2E9F9
200
#C0D2F6
300
#94B2F0
400
#5988E8
500
#1F5EE0
600
#194BB3
700
#143C8F
800
#102F70
900
#102551
950
#0A1733

Contrast Checker

Text on white

10.13:1

AA Pass AAA Pass

Text on black

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