#048F43

#048F43

Color Values

HEX

#048F43

RGB

4, 143, 67

HSL

147.2, 94.6%, 28.8%

HSV

147.2, 97.2%, 56.1%

CMYK

97.2%, 0.0%, 53.1%, 43.9%

OKLCH

0.5689 0.1536 150.5

Properties

Cool Light Nearest: springgreen 4

Color Harmonies

Complementary

#048F43

#8F0450

Analogous

#0A8F04

#048F88

#048F43

Triadic

#048F43

#43048F

#8F4304

Split Complementary

#048F43

#88048F

#8F040A

Tetradic

#048F43

#040A8F

#8F0450

#8F8804

Color Blindness Simulation

Original

#048F43

Protanopia

#404155

Deuteranopia

#382E5A

Tritanopia

#0B6467

Achromatopsia

#6C6C6C

CSS Usage

background-color: #048F43;
color: #048F43;
border-color: #048F43;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F1FEF7
100
#DFFCEC
200
#BAFDD8
300
#88FCBC
400
#47FA98
500
#07F874
600
#06C65D
700
#049F4A
800
#037C3A
900
#075A2D
950
#05391C

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

5.02:1

AA Pass 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