#2D3155

#2D3155

Color Values

HEX

#2D3155

RGB

45, 49, 85

HSL

234.0, 30.8%, 25.5%

HSV

234.0, 47.1%, 33.3%

CMYK

47.1%, 42.4%, 0.0%, 66.7%

OKLCH

0.3277 0.0637 277.5

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#2D3155

#55512D

Analogous

#2D4555

#3D2D55

#2D3155

Triadic

#2D3155

#552D31

#31552D

Split Complementary

#2D3155

#553D2D

#45552D

Tetradic

#2D3155

#552D45

#55512D

#2D553D

Color Blindness Simulation

Original

#2D3155

Protanopia

#2F2F4C

Deuteranopia

#2E2E4A

Tritanopia

#2D4544

Achromatopsia

#333333

CSS Usage

background-color: #2D3155;
color: #2D3155;
border-color: #2D3155;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F6F9
100
#E8E9F2
200
#D0D3E6
300
#AFB3D5
400
#8489BE
500
#5860A7
600
#474D85
700
#383D6B
800
#2C3053
900
#23263E
950
#161827

Contrast Checker

Text on white

12.48:1

AA Pass AAA Pass

Text on black

1.68:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026