#04863F

#04863F

Color Values

HEX

#04863F

RGB

4, 134, 63

HSL

147.2, 94.2%, 27.1%

HSV

147.2, 97.0%, 52.5%

CMYK

97.0%, 0.0%, 53.0%, 47.5%

OKLCH

0.5428 0.1459 150.7

Properties

Cool Dark Nearest: springgreen 4

Color Harmonies

Complementary

#04863F

#86044B

Analogous

#0A8604

#048680

#04863F

Triadic

#04863F

#3F0486

#863F04

Split Complementary

#04863F

#800486

#86040A

Tetradic

#04863F

#040A86

#86044B

#868004

Color Blindness Simulation

Original

#04863F

Protanopia

#3C3D50

Deuteranopia

#352B54

Tritanopia

#0A5E61

Achromatopsia

#656565

CSS Usage

background-color: #04863F;
color: #04863F;
border-color: #04863F;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F1FDF7
100
#DFFBEC
200
#BAFDD8
300
#88FBBC
400
#48FA98
500
#07F874
600
#06C65D
700
#059E4A
800
#047C3A
900
#075A2D
950
#05391C

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

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