#285357

#285357

Color Values

HEX

#285357

RGB

40, 83, 87

HSL

185.1, 37.0%, 24.9%

HSV

185.1, 54.0%, 34.1%

CMYK

54.0%, 4.6%, 0.0%, 65.9%

OKLCH

0.4132 0.0481 203.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#285357

#572C28

Analogous

#285743

#283C57

#285357

Triadic

#285357

#572853

#535728

Split Complementary

#285357

#57283C

#574328

Tetradic

#285357

#432857

#572C28

#3C5728

Color Blindness Simulation

Original

#285357

Protanopia

#3B3B56

Deuteranopia

#383556

Tritanopia

#2A5555

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F2F3
200
#CEE6E9
300
#ABD5D8
400
#7EBEC4
500
#50A7AF
600
#40858C
700
#336B70
800
#285357
900
#203E41
950
#142729

Contrast Checker

Text on white

8.52:1

AA Pass AAA Pass

Text on black

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