#285453

#285453

Color Values

HEX

#285453

RGB

40, 84, 83

HSL

178.6, 35.5%, 24.3%

HSV

178.6, 52.4%, 32.9%

CMYK

52.4%, 0.0%, 1.2%, 67.1%

OKLCH

0.4144 0.0488 193.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#285453

#542829

Analogous

#28543D

#283F54

#285453

Triadic

#285453

#532854

#545328

Split Complementary

#285453

#54283F

#543D28

Tetradic

#285453

#3D2854

#542829

#3F5428

Color Blindness Simulation

Original

#285453

Protanopia

#3B3B53

Deuteranopia

#383553

Tritanopia

#2A5353

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E8F3F2
200
#CFE8E7
300
#ACD8D7
400
#7FC2C1
500
#52ADAB
600
#428A89
700
#356F6D
800
#295655
900
#21403F
950
#152828

Contrast Checker

Text on white

8.46:1

AA Pass AAA Pass

Text on black

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