#140C33

#140C33

Color Values

HEX

#140C33

RGB

20, 12, 51

HSL

252.3, 61.9%, 12.4%

HSV

252.3, 76.5%, 20.0%

CMYK

60.8%, 76.5%, 0.0%, 80.0%

OKLCH

0.1939 0.0731 286.9

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#140C33

#2B330C

Analogous

#0C1833

#280C33

#140C33

Triadic

#140C33

#33140C

#0C3314

Split Complementary

#140C33

#33280C

#18330C

Tetradic

#140C33

#330C18

#2B330C

#0C3328

Color Blindness Simulation

Original

#140C33

Protanopia

#11102A

Deuteranopia

#111227

Tritanopia

#142220

Achromatopsia

#111111

CSS Usage

background-color: #140C33;
color: #140C33;
border-color: #140C33;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F5F3FB
100
#E8E4F7
200
#CEC5F1
300
#AB9CE8
400
#7E66DB
500
#5131CE
600
#4127A5
700
#341F84
800
#281867
900
#21154B
950
#150E30

Contrast Checker

Text on white

18.58:1

AA Pass AAA Pass

Text on black

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