#479283

#479283

Color Values

HEX

#479283

RGB

71, 146, 131

HSL

168.0, 34.6%, 42.5%

HSV

168.0, 51.4%, 57.3%

CMYK

51.4%, 0.0%, 10.3%, 42.7%

OKLCH

0.6075 0.0786 178.7

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#479283

#924756

Analogous

#47925D

#477B92

#479283

Triadic

#479283

#834792

#928347

Split Complementary

#479283

#92477B

#925D47

Tetradic

#479283

#5D4792

#924756

#7B9247

Color Blindness Simulation

Original

#479283

Protanopia

#676887

Deuteranopia

#635E88

Tritanopia

#4B898A

Achromatopsia

#818181

CSS Usage

background-color: #479283;
color: #479283;
border-color: #479283;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF9
100
#E8F2F0
200
#CFE8E3
300
#ADD7CF
400
#80C1B4
500
#53AC9A
600
#43897B
700
#356E63
800
#2A564D
900
#21403A
950
#152824

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

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