#6BAF18

#6BAF18

Color Values

HEX

#6BAF18

RGB

107, 175, 24

HSL

87.0, 75.9%, 39.0%

HSV

87.0, 86.3%, 68.6%

CMYK

38.9%, 0.0%, 86.3%, 31.4%

OKLCH

0.6824 0.1832 132.4

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#6BAF18

#5C18AF

Analogous

#AFA718

#20AF18

#6BAF18

Triadic

#6BAF18

#186BAF

#AF186B

Split Complementary

#6BAF18

#1820AF

#A718AF

Tetradic

#6BAF18

#18AFA7

#5C18AF

#AF1820

Color Blindness Simulation

Original

#6BAF18

Protanopia

#88893C

Deuteranopia

#847F45

Tritanopia

#6E5960

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EEF9E2
200
#DEF6C0
300
#C6F093
400
#A8E859
500
#89E01F
600
#6EB319
700
#589014
800
#45700F
900
#34520F
950
#21340A

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

7.77:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026