#27848C

#27848C

Color Values

HEX

#27848C

RGB

39, 132, 140

HSL

184.8, 56.4%, 35.1%

HSV

184.8, 72.1%, 54.9%

CMYK

72.1%, 5.7%, 0.0%, 45.1%

OKLCH

0.5641 0.0845 203.5

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#27848C

#8C2F27

Analogous

#278C62

#27518C

#27848C

Triadic

#27848C

#8C2784

#848C27

Split Complementary

#27848C

#8C2751

#8C6227

Tetradic

#27848C

#62278C

#8C2F27

#518C27

Color Blindness Simulation

Original

#27848C

Protanopia

#4F508A

Deuteranopia

#4A438A

Tritanopia

#2C8988

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F4F6
200
#C7ECEF
300
#9FDFE4
400
#6BCDD6
500
#38BCC7
600
#2C96A0
700
#247880
800
#1C5E64
900
#184549
950
#0F2C2E

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

4.77:1

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