#142733

#142733

Color Values

HEX

#142733

RGB

20, 39, 51

HSL

203.2, 43.7%, 13.9%

HSV

203.2, 60.8%, 20.0%

CMYK

60.8%, 23.5%, 0.0%, 80.0%

OKLCH

0.2624 0.0336 237.7

Properties

Cool Dark Nearest: RAL 7021 Black Grey

Color Harmonies

Complementary

#142733

#332014

Analogous

#14332F

#141733

#142733

Triadic

#142733

#331427

#273314

Split Complementary

#142733

#331417

#332F14

Tetradic

#142733

#2F1433

#332014

#173314

Color Blindness Simulation

Original

#142733

Protanopia

#1C1C30

Deuteranopia

#1B1A2F

Tritanopia

#152E2D

Achromatopsia

#242424

CSS Usage

background-color: #142733;
color: #142733;
border-color: #142733;
Nearest Tailwind: Gray 800 #1F2937

Tailwind Shades

50
#F5F8FA
100
#E7EFF4
200
#CCDFEB
300
#A7C8DD
400
#77AACA
500
#488CB7
600
#397093
700
#2E5A75
800
#24465C
900
#1D3544
950
#13212B

Contrast Checker

Text on white

15.35:1

AA Pass AAA Pass

Text on black

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