#047C56

#047C56

Color Values

HEX

#047C56

RGB

4, 124, 86

HSL

161.0, 93.8%, 25.1%

HSV

161.0, 96.8%, 48.6%

CMYK

96.8%, 0.0%, 30.6%, 51.4%

OKLCH

0.5191 0.111 163.1

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#047C56

#7C042A

Analogous

#047C1A

#04667C

#047C56

Triadic

#047C56

#56047C

#7C5604

Split Complementary

#047C56

#7C0466

#7C1A04

Tetradic

#047C56

#1A047C

#7C042A

#667C04

Color Blindness Simulation

Original

#047C56

Protanopia

#38395F

Deuteranopia

#312861

Tritanopia

#0A6668

Achromatopsia

#606060

CSS Usage

background-color: #047C56;
color: #047C56;
border-color: #047C56;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F1FDFA
100
#DFFBF2
200
#BAFDE8
300
#88FBD7
400
#48F9C1
500
#08F7AB
600
#06C689
700
#059E6E
800
#047C56
900
#08593F
950
#053828

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

4.02:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026