#2D475D

#2D475D

Color Values

HEX

#2D475D

RGB

45, 71, 93

HSL

207.5, 34.8%, 27.1%

HSV

207.5, 51.6%, 36.5%

CMYK

51.6%, 23.7%, 0.0%, 63.5%

OKLCH

0.3869 0.0493 245.1

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#2D475D

#5D432D

Analogous

#2D5D5B

#2D2F5D

#2D475D

Triadic

#2D475D

#5D2D47

#475D2D

Split Complementary

#2D475D

#5D2D2F

#5D5B2D

Tetradic

#2D475D

#5B2D5D

#5D432D

#2F5D2D

Color Blindness Simulation

Original

#2D475D

Protanopia

#383858

Deuteranopia

#373556

Tritanopia

#2E5353

Achromatopsia

#434343

CSS Usage

background-color: #2D475D;
color: #2D475D;
border-color: #2D475D;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDCE8
300
#ADC4D7
400
#80A3C1
500
#5383AC
600
#436989
700
#35546E
800
#2A4256
900
#213240
950
#151F28

Contrast Checker

Text on white

9.67:1

AA Pass AAA Pass

Text on black

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