#285353

#285353

Color Values

HEX

#285353

RGB

40, 83, 83

HSL

180.0, 35.0%, 24.1%

HSV

180.0, 51.8%, 32.5%

CMYK

51.8%, 0.0%, 0.0%, 67.5%

OKLCH

0.4116 0.0478 195.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#285353

#532828

Analogous

#28533D

#283D53

#285353

Triadic

#285353

#532853

#535328

Split Complementary

#285353

#53283D

#533D28

Tetradic

#285353

#3D2853

#532828

#3D5328

Color Blindness Simulation

Original

#285353

Protanopia

#3B3B53

Deuteranopia

#383553

Tritanopia

#2A5353

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E8F2F2
200
#CFE8E8
300
#ACD7D7
400
#80C2C2
500
#53ACAC
600
#428A8A
700
#356E6E
800
#295656
900
#214040
950
#152828

Contrast Checker

Text on white

8.56:1

AA Pass AAA Pass

Text on black

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