#31747D

#31747D

Color Values

HEX

#31747D

RGB

49, 116, 125

HSL

187.1, 43.7%, 34.1%

HSV

187.1, 60.8%, 49.0%

CMYK

60.8%, 7.2%, 0.0%, 51.0%

OKLCH

0.5198 0.0685 207.2

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#31747D

#7D3A31

Analogous

#317D60

#314E7D

#31747D

Triadic

#31747D

#7D3174

#747D31

Split Complementary

#31747D

#7D314E

#7D6031

Tetradic

#31747D

#60317D

#7D3A31

#4E7D31

Color Blindness Simulation

Original

#31747D

Protanopia

#4E4F7B

Deuteranopia

#4A457A

Tritanopia

#347979

Achromatopsia

#666666

CSS Usage

background-color: #31747D;
color: #31747D;
border-color: #31747D;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5FAFA
100
#E7F2F4
200
#CCE7EB
300
#A7D6DD
400
#77C0CA
500
#48AAB7
600
#398893
700
#2E6D75
800
#24555C
900
#1D3F44
950
#13282B

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

3.92:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026