#27534D

#27534D

Color Values

HEX

#27534D

RGB

39, 83, 77

HSL

171.8, 36.1%, 23.9%

HSV

171.8, 53.0%, 32.5%

CMYK

53.0%, 0.0%, 7.2%, 67.5%

OKLCH

0.4089 0.05 183.9

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#27534D

#53272D

Analogous

#275337

#274353

#27534D

Triadic

#27534D

#4D2753

#534D27

Split Complementary

#27534D

#532743

#533727

Tetradic

#27534D

#372753

#53272D

#435327

Color Blindness Simulation

Original

#27534D

Protanopia

#3A3A4E

Deuteranopia

#38344F

Tritanopia

#295050

Achromatopsia

#494949

CSS Usage

background-color: #27534D;
color: #27534D;
border-color: #27534D;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5FAF9
100
#E8F3F1
200
#CEE8E5
300
#ACD8D2
400
#7FC3B9
500
#51AEA1
600
#418B81
700
#346F67
800
#295750
900
#21403C
950
#152926

Contrast Checker

Text on white

8.64:1

AA Pass AAA Pass

Text on black

2.43:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026