#157F15

#157F15

Color Values

HEX

#157F15

RGB

21, 127, 21

HSL

120.0, 71.6%, 29.0%

HSV

120.0, 83.5%, 49.8%

CMYK

83.5%, 0.0%, 83.5%, 50.2%

OKLCH

0.5201 0.1655 142.7

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#157F15

#7F157F

Analogous

#4A7F15

#157F4A

#157F15

Triadic

#157F15

#15157F

#7F1515

Split Complementary

#157F15

#4A157F

#7F154A

Tetradic

#157F15

#154A7F

#7F157F

#7F4A15

Color Blindness Simulation

Original

#157F15

Protanopia

#43442F

Deuteranopia

#3D3535

Tritanopia

#1A4347

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E2F8E2
200
#C2F5C2
300
#96EE96
400
#5DE45D
500
#24DB24
600
#1DAF1D
700
#178C17
800
#126D12
900
#115011
950
#0B320B

Contrast Checker

Text on white

5.15:1

AA Pass AAA Fail

Text on black

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