#27474D

#27474D

Color Values

HEX

#27474D

RGB

39, 71, 77

HSL

189.5, 32.8%, 22.7%

HSV

189.5, 49.4%, 30.2%

CMYK

49.4%, 7.8%, 0.0%, 69.8%

OKLCH

0.3758 0.039 210.9

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#27474D

#4D2D27

Analogous

#274D40

#27344D

#27474D

Triadic

#27474D

#4D2747

#474D27

Split Complementary

#27474D

#4D2734

#4D4027

Tetradic

#27474D

#40274D

#4D2D27

#344D27

Color Blindness Simulation

Original

#27474D

Protanopia

#35354C

Deuteranopia

#33314B

Tritanopia

#294A4A

Achromatopsia

#414141

CSS Usage

background-color: #27474D;
color: #27474D;
border-color: #27474D;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E3E7
300
#AED0D6
400
#82B6C0
500
#569CA9
600
#457D87
700
#37646C
800
#2B4E55
900
#223A3F
950
#162528

Contrast Checker

Text on white

10.03:1

AA Pass AAA Pass

Text on black

2.09:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026