#28797E

#28797E

Color Values

HEX

#28797E

RGB

40, 121, 126

HSL

183.5, 51.8%, 32.5%

HSV

183.5, 68.3%, 49.4%

CMYK

68.3%, 4.0%, 0.0%, 50.6%

OKLCH

0.5302 0.0765 201.0

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#28797E

#7E2D28

Analogous

#287E58

#284E7E

#28797E

Triadic

#28797E

#7E2879

#797E28

Split Complementary

#28797E

#7E284E

#7E5828

Tetradic

#28797E

#58287E

#7E2D28

#4E7E28

Color Blindness Simulation

Original

#28797E

Protanopia

#4B4C7D

Deuteranopia

#46407C

Tritanopia

#2C7C7C

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C9ECEE
300
#A2DEE2
400
#70CCD2
500
#3DBAC2
600
#31959B
700
#27777C
800
#1F5D61
900
#1A4447
950
#102B2D

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

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