#287273

#287273

Color Values

HEX

#287273

RGB

40, 114, 115

HSL

180.8, 48.4%, 30.4%

HSV

180.8, 65.2%, 45.1%

CMYK

65.2%, 0.9%, 0.0%, 54.9%

OKLCH

0.5075 0.0716 196.4

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#287273

#732928

Analogous

#28734F

#284D73

#287273

Triadic

#287273

#732872

#727328

Split Complementary

#287273

#73284D

#734F28

Tetradic

#287273

#4F2873

#732928

#4D7328

Color Blindness Simulation

Original

#287273

Protanopia

#484973

Deuteranopia

#443E73

Tritanopia

#2C7373

Achromatopsia

#626262

CSS Usage

background-color: #287273;
color: #287273;
border-color: #287273;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAECED
300
#A4DFDF
400
#73CDCE
500
#42BCBD
600
#359697
700
#2A7879
800
#215E5F
900
#1B4546
950
#112C2C

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

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