#448308

#448308

Color Values

HEX

#448308

RGB

68, 131, 8

HSL

90.7, 88.5%, 27.3%

HSV

90.7, 93.9%, 51.4%

CMYK

48.1%, 0.0%, 93.9%, 48.6%

OKLCH

0.5461 0.1562 135.0

Properties

Cool Dark Nearest: chartreuse 4

Color Harmonies

Complementary

#448308

#470883

Analogous

#828308

#088309

#448308

Triadic

#448308

#084483

#830844

Split Complementary

#448308

#090883

#830882

Tetradic

#448308

#088283

#470883

#830908

Color Blindness Simulation

Original

#448308

Protanopia

#5F6026

Deuteranopia

#5C572D

Tritanopia

#473D42

Achromatopsia

#6D6D6D

CSS Usage

background-color: #448308;
color: #448308;
border-color: #448308;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FDF2
100
#EDFBE0
200
#DBFBBC
300
#C1F88C
400
#9FF44D
500
#7DF00F
600
#64C00C
700
#509A09
800
#3E7807
900
#30570A
950
#1E3706

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

4.5:1

AA Fail 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