#285157

#285157

Color Values

HEX

#285157

RGB

40, 81, 87

HSL

187.7, 37.0%, 24.9%

HSV

187.7, 54.0%, 34.1%

CMYK

54.0%, 6.9%, 0.0%, 65.9%

OKLCH

0.4078 0.047 207.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#285157

#572E28

Analogous

#285746

#283957

#285157

Triadic

#285157

#572851

#515728

Split Complementary

#285157

#572839

#574628

Tetradic

#285157

#462857

#572E28

#395728

Color Blindness Simulation

Original

#285157

Protanopia

#3A3A56

Deuteranopia

#373455

Tritanopia

#2A5454

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F1F3
200
#CEE5E9
300
#ABD3D8
400
#7EBBC4
500
#50A3AF
600
#40828C
700
#336870
800
#285157
900
#203C41
950
#142629

Contrast Checker

Text on white

8.73:1

AA Pass AAA Pass

Text on black

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