#2AB319

#2AB319

Color Values

HEX

#2AB319

RGB

42, 179, 25

HSL

113.4, 75.5%, 40.0%

HSV

113.4, 86.0%, 70.2%

CMYK

76.5%, 0.0%, 86.0%, 29.8%

OKLCH

0.6695 0.2143 141.7

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#2AB319

#A219B3

Analogous

#77B319

#19B355

#2AB319

Triadic

#2AB319

#192AB3

#B3192A

Split Complementary

#2AB319

#5519B3

#B31977

Tetradic

#2AB319

#1977B3

#A219B3

#B35519

Color Blindness Simulation

Original

#2AB319

Protanopia

#65673E

Deuteranopia

#5D5347

Tritanopia

#315C62

Achromatopsia

#8B8B8B

CSS Usage

background-color: #2AB319;
color: #2AB319;
border-color: #2AB319;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F4FCF2
100
#E4F9E2
200
#C6F6C0
300
#9EF094
400
#69E859
500
#34E01F
600
#2AB319
700
#228F14
800
#1A7010
900
#175110
950
#0E330A

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

7.56:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026