#31908F

#31908F

Color Values

HEX

#31908F

RGB

49, 144, 143

HSL

179.4, 49.2%, 37.8%

HSV

179.4, 66.0%, 56.5%

CMYK

66.0%, 0.0%, 0.7%, 43.5%

OKLCH

0.5987 0.0868 194.1

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#31908F

#903132

Analogous

#31905F

#316190

#31908F

Triadic

#31908F

#8F3190

#908F31

Split Complementary

#31908F

#903161

#905F31

Tetradic

#31908F

#5F3190

#903132

#619031

Color Blindness Simulation

Original

#31908F

Protanopia

#5A5B8F

Deuteranopia

#554E8F

Tritanopia

#368F8F

Achromatopsia

#7C7C7C

CSS Usage

background-color: #31908F;
color: #31908F;
border-color: #31908F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBFA
100
#E6F5F4
200
#CAEDED
300
#A4E0DF
400
#72CFCE
500
#41BEBD
600
#349897
700
#297A79
800
#205F5E
900
#1B4645
950
#112C2C

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

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