#143B60

#143B60

Color Values

HEX

#143B60

RGB

20, 59, 96

HSL

209.2, 65.5%, 22.7%

HSV

209.2, 79.2%, 37.6%

CMYK

79.2%, 38.5%, 0.0%, 62.4%

OKLCH

0.345 0.0782 250.2

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#143B60

#603914

Analogous

#14605F

#141560

#143B60

Triadic

#143B60

#60143B

#3B6014

Split Complementary

#143B60

#601415

#605F14

Tetradic

#143B60

#5F1460

#603914

#156014

Color Blindness Simulation

Original

#143B60

Protanopia

#252557

Deuteranopia

#232055

Tritanopia

#16504E

Achromatopsia

#353535

CSS Usage

background-color: #143B60;
color: #143B60;
border-color: #143B60;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C4DCF3
300
#9AC3EA
400
#63A2DE
500
#2C82D3
600
#2368A9
700
#1C5387
800
#16416A
900
#14314D
950
#0D1F31

Contrast Checker

Text on white

11.51:1

AA Pass AAA Pass

Text on black

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