#448F43

#448F43

Color Values

HEX

#448F43

RGB

68, 143, 67

HSL

119.2, 36.2%, 41.2%

HSV

119.2, 53.1%, 56.1%

CMYK

52.4%, 0.0%, 53.1%, 43.9%

OKLCH

0.5836 0.1337 143.4

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#448F43

#8E438F

Analogous

#6A8F43

#438F68

#448F43

Triadic

#448F43

#43448F

#8F4344

Split Complementary

#448F43

#68438F

#8F436A

Tetradic

#448F43

#436A8F

#8E438F

#8F6843

Color Blindness Simulation

Original

#448F43

Protanopia

#646555

Deuteranopia

#605A5A

Tritanopia

#486467

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#CFE8CE
300
#ACD8AC
400
#7FC37E
500
#53AE51
600
#428B41
700
#356F34
800
#295729
900
#214021
950
#152915

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

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