#1D3570

#1D3570

Color Values

HEX

#1D3570

RGB

29, 53, 112

HSL

222.7, 58.9%, 27.6%

HSV

222.7, 74.1%, 43.9%

CMYK

74.1%, 52.7%, 0.0%, 56.1%

OKLCH

0.3459 0.1065 264.7

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#1D3570

#70581D

Analogous

#1D5E70

#2E1D70

#1D3570

Triadic

#1D3570

#701D35

#35701D

Split Complementary

#1D3570

#702E1D

#5E701D

Tetradic

#1D3570

#701D5E

#70581D

#1D702E

Color Blindness Simulation

Original

#1D3570

Protanopia

#272862

Deuteranopia

#26245E

Tritanopia

#1E5654

Achromatopsia

#343434

CSS Usage

background-color: #1D3570;
color: #1D3570;
border-color: #1D3570;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F4F6FB
100
#E4E9F6
200
#C6D2F0
300
#9EB3E6
400
#6989D8
500
#3460CB
600
#2A4DA2
700
#223D82
800
#1A3065
900
#17264A
950
#0E182F

Contrast Checker

Text on white

11.7:1

AA Pass AAA Pass

Text on black

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