#448763

#448763

Color Values

HEX

#448763

RGB

68, 135, 99

HSL

147.8, 33.0%, 39.8%

HSV

147.8, 49.6%, 52.9%

CMYK

49.6%, 0.0%, 26.7%, 47.1%

OKLCH

0.5688 0.0892 158.3

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#448763

#874468

Analogous

#468744

#448785

#448763

Triadic

#448763

#634487

#876344

Split Complementary

#448763

#854487

#874446

Tetradic

#448763

#444687

#874468

#878544

Color Blindness Simulation

Original

#448763

Protanopia

#61626C

Deuteranopia

#5D586E

Tritanopia

#477374

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F5F9F7
100
#E8F2ED
200
#D0E7DA
300
#AED6C0
400
#82C09E
500
#55AA7C
600
#448864
700
#376D50
800
#2B553E
900
#223F2F
950
#16281E

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

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