#284957

#284957

Color Values

HEX

#284957

RGB

40, 73, 87

HSL

197.9, 37.0%, 24.9%

HSV

197.9, 54.0%, 34.1%

CMYK

54.0%, 16.1%, 0.0%, 65.9%

OKLCH

0.3863 0.0454 227.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#284957

#573628

Analogous

#28574E

#283157

#284957

Triadic

#284957

#572849

#495728

Split Complementary

#284957

#572831

#574E28

Tetradic

#284957

#4E2857

#573628

#315728

Color Blindness Simulation

Original

#284957

Protanopia

#363754

Deuteranopia

#343253

Tritanopia

#2A5150

Achromatopsia

#434343

CSS Usage

background-color: #284957;
color: #284957;
border-color: #284957;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F5F8FA
100
#E8EFF3
200
#CEE1E9
300
#ABCBD8
400
#7EAFC4
500
#5093AF
600
#40758C
700
#335E70
800
#284957
900
#203741
950
#142329

Contrast Checker

Text on white

9.63:1

AA Pass AAA Pass

Text on black

2.18:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026