#047163

#047163

Color Values

HEX

#047163

RGB

4, 113, 99

HSL

172.3, 93.2%, 22.9%

HSV

172.3, 96.5%, 44.3%

CMYK

96.5%, 0.0%, 12.4%, 55.7%

OKLCH

0.4921 0.0882 180.2

Properties

Cool Dark Nearest: Tropical Rain Forest

Color Harmonies

Complementary

#047163

#710412

Analogous

#04712C

#044871

#047163

Triadic

#047163

#630471

#716304

Split Complementary

#047163

#710448

#712C04

Tetradic

#047163

#2C0471

#710412

#487104

Color Blindness Simulation

Original

#047163

Protanopia

#333466

Deuteranopia

#2D2567

Tritanopia

#09696A

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F1FDFC
100
#DFFBF8
200
#BAFDF4
300
#89FBEC
400
#49F9E2
500
#09F6D8
600
#07C5AD
700
#069E8A
800
#047B6C
900
#08594F
950
#053832

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

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