#288997

#288997

Color Values

HEX

#288997

RGB

40, 137, 151

HSL

187.6, 58.1%, 37.5%

HSV

187.6, 73.5%, 59.2%

CMYK

73.5%, 9.3%, 0.0%, 40.8%

OKLCH

0.5816 0.0887 209.1

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#288997

#973628

Analogous

#28976E

#285297

#288997

Triadic

#288997

#972889

#899728

Split Complementary

#288997

#972852

#976E28

Tetradic

#288997

#6E2897

#973628

#529728

Color Blindness Simulation

Original

#288997

Protanopia

#525394

Deuteranopia

#4C4593

Tritanopia

#2D9190

Achromatopsia

#757575

CSS Usage

background-color: #288997;
color: #288997;
border-color: #288997;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4FAFB
100
#E4F4F6
200
#C7EBF0
300
#9EDCE5
400
#6ACAD7
500
#35B7CA
600
#2B92A1
700
#227581
800
#1B5B65
900
#17434A
950
#0F2B2F

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

5.12:1

AA Pass 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