#20273F

#20273F

Color Values

HEX

#20273F

RGB

32, 39, 63

HSL

226.5, 32.6%, 18.6%

HSV

226.5, 49.2%, 24.7%

CMYK

49.2%, 38.1%, 0.0%, 75.3%

OKLCH

0.2782 0.0456 270.8

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#20273F

#3F3820

Analogous

#20363F

#28203F

#20273F

Triadic

#20273F

#3F2027

#273F20

Split Complementary

#20273F

#3F2820

#363F20

Tetradic

#20273F

#3F2036

#3F3820

#203F28

Color Blindness Simulation

Original

#20273F

Protanopia

#232339

Deuteranopia

#232238

Tritanopia

#203534

Achromatopsia

#272727

CSS Usage

background-color: #20273F;
color: #20273F;
border-color: #20273F;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F5F6F9
100
#E8EAF2
200
#D0D5E7
300
#AEB7D6
400
#8290BF
500
#5669A9
600
#455487
700
#37436C
800
#2B3455
900
#22293F
950
#161A28

Contrast Checker

Text on white

14.75:1

AA Pass AAA Pass

Text on black

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