#448549

#448549

Color Values

HEX

#448549

RGB

68, 133, 73

HSL

124.6, 32.3%, 39.4%

HSV

124.6, 48.9%, 52.2%

CMYK

48.9%, 0.0%, 45.1%, 47.8%

OKLCH

0.5579 0.1127 145.5

Properties

Cool Light Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#448549

#854480

Analogous

#5F8544

#448569

#448549

Triadic

#448549

#494485

#854944

Split Complementary

#448549

#694485

#85445F

Tetradic

#448549

#445F85

#854480

#856944

Color Blindness Simulation

Original

#448549

Protanopia

#606158

Deuteranopia

#5C585B

Tritanopia

#476366

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F5F9F6
100
#E8F2E9
200
#D0E7D2
300
#AED6B1
400
#82BF87
500
#56A95D
600
#45874A
700
#376C3B
800
#2B542E
900
#223F25
950
#162717

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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026