#287172

#287172

Color Values

HEX

#287172

RGB

40, 113, 114

HSL

180.8, 48.1%, 30.2%

HSV

180.8, 64.9%, 44.7%

CMYK

64.9%, 0.9%, 0.0%, 55.3%

OKLCH

0.5045 0.0709 196.4

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#287172

#722928

Analogous

#28724E

#284C72

#287172

Triadic

#287172

#722871

#717228

Split Complementary

#287172

#72284C

#724E28

Tetradic

#287172

#4E2872

#722928

#4C7228

Color Blindness Simulation

Original

#287172

Protanopia

#484872

Deuteranopia

#433E72

Tritanopia

#2C7272

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAECEC
300
#A4DEDF
400
#73CDCE
500
#42BBBD
600
#359697
700
#2A7879
800
#215E5E
900
#1B4545
950
#112B2C

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

3.7:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026