#27827C

#27827C

Color Values

HEX

#27827C

RGB

39, 130, 124

HSL

176.0, 53.8%, 33.1%

HSV

176.0, 70.0%, 51.0%

CMYK

70.0%, 0.0%, 4.6%, 49.0%

OKLCH

0.5529 0.0837 188.7

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#27827C

#82272D

Analogous

#27824E

#275A82

#27827C

Triadic

#27827C

#7C2782

#827C27

Split Complementary

#27827C

#82275A

#824E27

Tetradic

#27827C

#4E2782

#82272D

#5A8227

Color Blindness Simulation

Original

#27827C

Protanopia

#4E4F7D

Deuteranopia

#49427E

Tritanopia

#2C7F7F

Achromatopsia

#6E6E6E

CSS Usage

background-color: #27827C;
color: #27827C;
border-color: #27827C;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C8EFEC
300
#A1E3DE
400
#6ED3CD
500
#3BC4BB
600
#2F9D96
700
#267E78
800
#1D625D
900
#194845
950
#102D2B

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

4.57:1

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