#20365C

#20365C

Color Values

HEX

#20365C

RGB

32, 54, 92

HSL

218.0, 48.4%, 24.3%

HSV

218.0, 65.2%, 36.1%

CMYK

65.2%, 41.3%, 0.0%, 63.9%

OKLCH

0.3352 0.073 260.7

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#20365C

#5C4620

Analogous

#20545C

#28205C

#20365C

Triadic

#20365C

#5C2036

#365C20

Split Complementary

#20365C

#5C2820

#545C20

Tetradic

#20365C

#5C2054

#5C4620

#205C28

Color Blindness Simulation

Original

#20365C

Protanopia

#2A2A53

Deuteranopia

#282751

Tritanopia

#214C4A

Achromatopsia

#343434

CSS Usage

background-color: #20365C;
color: #20365C;
border-color: #20365C;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F4F7FA
100
#E6EBF4
200
#CAD7ED
300
#A4BADF
400
#7394CE
500
#426FBD
600
#355997
700
#2A4779
800
#21385F
900
#1B2B46
950
#111B2C

Contrast Checker

Text on white

12.04:1

AA Pass AAA Pass

Text on black

1.74:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026