#2AB528

#2AB528

Color Values

HEX

#2AB528

RGB

42, 181, 40

HSL

119,1, 63,8%, 43,3%

HSV

119,1, 77,9%, 71,0%

CMYK

76,8%, 0,0%, 77,9%, 29,0%

OKLCH

0,6757 0,2102 142,7

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#2AB528

#B328B5

Analogous

#71B528

#28B56C

#2AB528

Triadic

#2AB528

#282AB5

#B5282A

Split Complementary

#2AB528

#6C28B5

#B52871

Tetradic

#2AB528

#2871B5

#B328B5

#B56C28

Color Blindness Simulation

Original

#2AB528

Protanopia

#66674A

Deuteranopia

#5E5452

Tritanopia

#31656B

Achromatopsia

#8D8D8D

CSS Usage

background-color: #2AB528;
color: #2AB528;
border-color: #2AB528;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FBF3
100
#E4F7E3
200
#C5F2C5
300
#9CE99B
400
#66DD64
500
#31D12E
600
#27A725
700
#1F861E
800
#186817
900
#154C15
950
#0E300D

Contrast Checker

Text on white

2,71:1

AA Fail AAA Fail

Text on black

7,74:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026