#28514F

#28514F

Color Values

HEX

#28514F

RGB

40, 81, 79

HSL

177.1, 33.9%, 23.7%

HSV

177.1, 50.6%, 31.8%

CMYK

50.6%, 0.0%, 2.5%, 68.2%

OKLCH

0.4046 0.0463 191.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#28514F

#51282A

Analogous

#28513A

#283E51

#28514F

Triadic

#28514F

#4F2851

#514F28

Split Complementary

#28514F

#51283E

#513A28

Tetradic

#28514F

#3A2851

#51282A

#3E5128

Color Blindness Simulation

Original

#28514F

Protanopia

#3A3A4F

Deuteranopia

#373450

Tritanopia

#2A5050

Achromatopsia

#484848

CSS Usage

background-color: #28514F;
color: #28514F;
border-color: #28514F;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE7E6
300
#ADD7D5
400
#81C1BE
500
#54ABA7
600
#438985
700
#366D6B
800
#2A5553
900
#223F3E
950
#152827

Contrast Checker

Text on white

8.82:1

AA Pass AAA Pass

Text on black

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