#6ABF71

#6ABF71

Color Values

HEX

#6ABF71

RGB

106, 191, 113

HSL

124.9, 39.9%, 58.2%

HSV

124.9, 44.5%, 74.9%

CMYK

44.5%, 0.0%, 40.8%, 25.1%

OKLCH

0.7315 0.1384 145.8

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#6ABF71

#BF6AB8

Analogous

#8DBF6A

#6ABF9B

#6ABF71

Triadic

#6ABF71

#716ABF

#BF716A

Split Complementary

#6ABF71

#9B6ABF

#BF6A8D

Tetradic

#6ABF71

#6A8DBF

#BF6AB8

#BF9B6A

Color Blindness Simulation

Original

#6ABF71

Protanopia

#8F9084

Deuteranopia

#8A8488

Tritanopia

#6E9396

Achromatopsia

#A7A7A7

CSS Usage

background-color: #6ABF71;
color: #6ABF71;
border-color: #6ABF71;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDEACF
300
#A9DAAD
400
#7BC681
500
#4DB255
600
#3D8F44
700
#317236
800
#26592A
900
#1F4222
950
#142A15

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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