#2E4859

#2E4859

Color Values

HEX

#2E4859

RGB

46, 72, 89

HSL

203.7, 31.9%, 26.5%

HSV

203.7, 48.3%, 34.9%

CMYK

48.3%, 19.1%, 0.0%, 65.1%

OKLCH

0.3881 0.043 238.0

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#2E4859

#593F2E

Analogous

#2E5955

#2E3359

#2E4859

Triadic

#2E4859

#592E48

#48592E

Split Complementary

#2E4859

#592E33

#59552E

Tetradic

#2E4859

#552E59

#593F2E

#33592E

Color Blindness Simulation

Original

#2E4859

Protanopia

#393955

Deuteranopia

#383654

Tritanopia

#2F5251

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DEE7
300
#AEC6D5
400
#83A7BF
500
#5788A8
600
#456D87
700
#38576C
800
#2B4454
900
#23333E
950
#162027

Contrast Checker

Text on white

9.6:1

AA Pass AAA Pass

Text on black

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