#20315F

#20315F

Color Values

HEX

#20315F

RGB

32, 49, 95

HSL

223.8, 49.6%, 24.9%

HSV

223.8, 66.3%, 37.3%

CMYK

66.3%, 48.4%, 0.0%, 62.7%

OKLCH

0.325 0.0845 266.5

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#20315F

#5F4E20

Analogous

#20515F

#2E205F

#20315F

Triadic

#20315F

#5F2031

#315F20

Split Complementary

#20315F

#5F2E20

#515F20

Tetradic

#20315F

#5F2051

#5F4E20

#205F2E

Color Blindness Simulation

Original

#20315F

Protanopia

#272854

Deuteranopia

#262551

Tritanopia

#214B49

Achromatopsia

#313131

CSS Usage

background-color: #20315F;
color: #20315F;
border-color: #20315F;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F4F6FB
100
#E6EAF5
200
#CAD3ED
300
#A3B4E0
400
#728BCF
500
#4062BF
600
#334F99
700
#293F7A
800
#20315F
900
#1B2746
950
#11182C

Contrast Checker

Text on white

12.61:1

AA Pass AAA Pass

Text on black

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