#27494C

#27494C

Color Values

HEX

#27494C

RGB

39, 73, 76

HSL

184.9, 32.2%, 22.5%

HSV

184.9, 48.7%, 29.8%

CMYK

48.7%, 3.9%, 0.0%, 70.2%

OKLCH

0.3809 0.04 202.9

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#27494C

#4C2A27

Analogous

#274C3C

#27364C

#27494C

Triadic

#27494C

#4C2749

#494C27

Split Complementary

#27494C

#4C2736

#4C3C27

Tetradic

#27494C

#3C274C

#4C2A27

#364C27

Color Blindness Simulation

Original

#27494C

Protanopia

#36364B

Deuteranopia

#34314B

Tritanopia

#294B4B

Achromatopsia

#424242

CSS Usage

background-color: #27494C;
color: #27494C;
border-color: #27494C;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E5E7
300
#AED2D6
400
#82BABF
500
#56A2A9
600
#458187
700
#37686C
800
#2B5154
900
#223C3E
950
#162627

Contrast Checker

Text on white

9.8:1

AA Pass AAA Pass

Text on black

2.14:1

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