#6AA248

#6AA248

Color Values

HEX

#6AA248

RGB

106, 162, 72

HSL

97.3, 38.5%, 45.9%

HSV

97.3, 55.6%, 63.5%

CMYK

34.6%, 0.0%, 55.6%, 36.5%

OKLCH

0.6528 0.1359 135.1

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#6AA248

#8048A2

Analogous

#97A248

#48A253

#6AA248

Triadic

#6AA248

#486AA2

#A2486A

Split Complementary

#6AA248

#5348A2

#A24897

Tetradic

#6AA248

#4897A2

#8048A2

#A25348

Color Blindness Simulation

Original

#6AA248

Protanopia

#82835E

Deuteranopia

#7F7B63

Tritanopia

#6D6F73

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D8E9CE
300
#BCD9AA
400
#98C57C
500
#74B14E
600
#5C8D3F
700
#4A7132
800
#3A5827
900
#2C4120
950
#1C2914

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

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