#2D3668

#2D3668

Color Values

HEX

#2D3668

RGB

45, 54, 104

HSL

230.8, 39.6%, 29.2%

HSV

230.8, 56.7%, 40.8%

CMYK

56.7%, 48.1%, 0.0%, 59.2%

OKLCH

0.3521 0.0872 273.4

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#2D3668

#685F2D

Analogous

#2D5468

#412D68

#2D3668

Triadic

#2D3668

#682D36

#36682D

Split Complementary

#2D3668

#68412D

#54682D

Tetradic

#2D3668

#682D54

#685F2D

#2D6841

Color Blindness Simulation

Original

#2D3668

Protanopia

#31315C

Deuteranopia

#303059

Tritanopia

#2D5250

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7E9F3
200
#CDD1E9
300
#AAB1DA
400
#7B87C6
500
#4D5CB2
600
#3E4A8E
700
#313B72
800
#272E59
900
#1F2442
950
#14172A

Contrast Checker

Text on white

11.42:1

AA Pass AAA Pass

Text on black

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