#048951

#048951

Color Values

HEX

#048951

RGB

4, 137, 81

HSL

154.7, 94.3%, 27.6%

HSV

154.7, 97.1%, 53.7%

CMYK

97.1%, 0.0%, 40.9%, 46.3%

OKLCH

0.5545 0.1327 156.3

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#048951

#89043C

Analogous

#04890E

#047E89

#048951

Triadic

#048951

#510489

#895104

Split Complementary

#048951

#89047E

#890E04

Tetradic

#048951

#0E0489

#89043C

#7E8904

Color Blindness Simulation

Original

#048951

Protanopia

#3E3F5F

Deuteranopia

#362C62

Tritanopia

#0B696C

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F1FDF8
100
#DFFBEF
200
#BAFDE1
300
#88FCCB
400
#48FAAF
500
#07F892
600
#06C675
700
#059F5E
800
#047C49
900
#075A37
950
#053923

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

4.7:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026