#288F90

#288F90

Color Values

HEX

#288F90

RGB

40, 143, 144

HSL

180.6, 56.5%, 36.1%

HSV

180.6, 72.2%, 56.5%

CMYK

72.2%, 0.7%, 0.0%, 43.5%

OKLCH

0.5942 0.0904 196.0

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#288F90

#902928

Analogous

#28905D

#285B90

#288F90

Triadic

#288F90

#90288F

#8F9028

Split Complementary

#288F90

#90285B

#905D28

Tetradic

#288F90

#5D2890

#902928

#5B9028

Color Blindness Simulation

Original

#288F90

Protanopia

#555590

Deuteranopia

#4F4790

Tritanopia

#2D9090

Achromatopsia

#797979

CSS Usage

background-color: #288F90;
color: #288F90;
border-color: #288F90;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBFB
100
#E5F6F6
200
#C7EFEF
300
#9FE4E4
400
#6BD5D6
500
#37C6C8
600
#2C9EA0
700
#237F80
800
#1C6364
900
#184949
950
#0F2E2E

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

5.42:1

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