#6CE474

#6CE474

Color Values

HEX

#6CE474

RGB

108, 228, 116

HSL

124.0, 69.0%, 65.9%

HSV

124.0, 52.6%, 89.4%

CMYK

52.6%, 0.0%, 49.1%, 10.6%

OKLCH

0.824 0.1865 144.9

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#6CE474

#E46CDC

Analogous

#A0E46C

#6CE4B0

#6CE474

Triadic

#6CE474

#746CE4

#E4746C

Split Complementary

#6CE474

#B06CE4

#E46CA0

Tetradic

#6CE474

#6CA0E4

#E46CDC

#E4B06C

Color Blindness Simulation

Original

#6CE474

Protanopia

#A0A18F

Deuteranopia

#999096

Tritanopia

#72A5A9

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E3F8E4
200
#C3F4C6
300
#98EC9D
400
#60E268
500
#28D733
600
#20AC29
700
#198A21
800
#146C1A
900
#124F16
950
#0C320E

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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