#6AF174

#6AF174

Color Values

HEX

#6AF174

RGB

106, 241, 116

HSL

124.4, 82.8%, 68.0%

HSV

124.4, 56.0%, 94.5%

CMYK

56.0%, 0.0%, 51.9%, 5.5%

OKLCH

0.8552 0.2044 144.9

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#6AF174

#F16AE7

Analogous

#A3F16A

#6AF1B7

#6AF174

Triadic

#6AF174

#746AF1

#F1746A

Split Complementary

#6AF174

#B76AF1

#F16AA3

Tetradic

#6AF174

#6AA3F1

#F16AE7

#F1B76A

Color Blindness Simulation

Original

#6AF174

Protanopia

#A4A692

Deuteranopia

#9D929A

Tritanopia

#71AAAF

Achromatopsia

#CBCBCB

CSS Usage

background-color: #6AF174;
color: #6AF174;
border-color: #6AF174;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF3
100
#E1FAE2
200
#BEF9C2
300
#8FF497
400
#53EF5E
500
#16E925
600
#12BA1E
700
#0E9518
800
#0B7513
900
#0C5512
950
#08350B

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.45:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026