#314E50

#314E50

Color Values

HEX

#314E50

RGB

49, 78, 80

HSL

183.9, 24.0%, 25.3%

HSV

183.9, 38.7%, 31.4%

CMYK

38.8%, 2.5%, 0.0%, 68.6%

OKLCH

0.4019 0.0348 201.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#314E50

#503331

Analogous

#315043

#313F50

#314E50

Triadic

#314E50

#50314E

#4E5031

Split Complementary

#314E50

#50313F

#504331

Tetradic

#314E50

#433150

#503331

#3F5031

Color Blindness Simulation

Original

#314E50

Protanopia

#3E3E50

Deuteranopia

#3C3A4F

Tritanopia

#324F4F

Achromatopsia

#484848

CSS Usage

background-color: #314E50;
color: #314E50;
border-color: #314E50;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F9
100
#EAF0F1
200
#D3E3E4
300
#B3CFD0
400
#8AB4B7
500
#619A9E
600
#4E7B7E
700
#3E6365
800
#304D4F
900
#263A3B
950
#182425

Contrast Checker

Text on white

8.99:1

AA Pass AAA Pass

Text on black

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