#448253

#448253

Color Values

HEX

#448253

RGB

68, 130, 83

HSL

134.5, 31.3%, 38.8%

HSV

134.5, 47.7%, 51.0%

CMYK

47.7%, 0.0%, 36.2%, 49.0%

OKLCH

0.5519 0.0975 150.0

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#448253

#824473

Analogous

#548244

#448272

#448253

Triadic

#448253

#534482

#825344

Split Complementary

#448253

#724482

#824454

Tetradic

#448253

#445482

#824473

#827244

Color Blindness Simulation

Original

#448253

Protanopia

#5F5F5E

Deuteranopia

#5B5761

Tritanopia

#476769

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F5F9F6
100
#E8F2EB
200
#D0E6D6
300
#AFD5B8
400
#83BE91
500
#58A76B
600
#468656
700
#386B44
800
#2C5435
900
#233E29
950
#16271A

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

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