#288386

#288386

Color Values

HEX

#288386

RGB

40, 131, 134

HSL

181.9, 54.0%, 34.1%

HSV

181.9, 70.1%, 52.5%

CMYK

70.1%, 2.2%, 0.0%, 47.5%

OKLCH

0.5594 0.0829 198.3

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#288386

#862B28

Analogous

#28865A

#285486

#288386

Triadic

#288386

#862883

#838628

Split Complementary

#288386

#862854

#865A28

Tetradic

#288386

#5A2886

#862B28

#548628

Color Blindness Simulation

Original

#288386

Protanopia

#4F5085

Deuteranopia

#4A4385

Tritanopia

#2D8585

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C8EDEF
300
#A1E1E3
400
#6ED0D4
500
#3BC0C4
600
#2F9A9D
700
#267B7E
800
#1D6062
900
#194748
950
#102D2D

Contrast Checker

Text on white

4.49:1

AA Fail AAA Fail

Text on black

4.68:1

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