#6FA83F

#6FA83F

Color Values

HEX

#6FA83F

RGB

111, 168, 63

HSL

92.6, 45.5%, 45.3%

HSV

92.6, 62.5%, 65.9%

CMYK

33.9%, 0.0%, 62.5%, 34.1%

OKLCH

0.6697 0.1496 133.1

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#6FA83F

#783FA8

Analogous

#A4A83F

#3FA844

#6FA83F

Triadic

#6FA83F

#3F6FA8

#A83F6F

Split Complementary

#6FA83F

#443FA8

#A83FA4

Tetradic

#6FA83F

#3FA4A8

#783FA8

#A8443F

Color Blindness Simulation

Original

#6FA83F

Protanopia

#888858

Deuteranopia

#84805E

Tritanopia

#726C71

Achromatopsia

#949494

CSS Usage

background-color: #6FA83F;
color: #6FA83F;
border-color: #6FA83F;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FAF4
100
#EDF4E6
200
#DAECCB
300
#BFDEA6
400
#9DCC76
500
#7ABA45
600
#629438
700
#4E772C
800
#3D5D23
900
#2F441D
950
#1E2B12

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.35:1

AA Pass AAA Pass

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