#47787C

#47787C

Color Values

HEX

#47787C

RGB

71, 120, 124

HSL

184.5, 27.2%, 38.2%

HSV

184.5, 42.7%, 48.6%

CMYK

42.7%, 3.2%, 0.0%, 51.4%

OKLCH

0.5396 0.0534 202.4

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#47787C

#7C4B47

Analogous

#477C65

#475D7C

#47787C

Triadic

#47787C

#7C4778

#787C47

Split Complementary

#47787C

#7C475D

#7C6547

Tetradic

#47787C

#65477C

#7C4B47

#5D7C47

Color Blindness Simulation

Original

#47787C

Protanopia

#5C5D7B

Deuteranopia

#59567B

Tritanopia

#497A7A

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D2E4E5
300
#B1D0D2
400
#87B6BA
500
#5D9DA2
600
#4A7E82
700
#3B6468
800
#2E4E51
900
#253B3C
950
#172526

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

4.25: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