#6CF948

#6CF948

Color Values

HEX

#6CF948

RGB

108, 249, 72

HSL

107.8, 93.7%, 62.9%

HSV

107.8, 71.1%, 97.6%

CMYK

56.6%, 0.0%, 71.1%, 2.4%

OKLCH

0.8711 0.245 140.0

Properties

Cool Light Nearest: chartreuse 2

Color Harmonies

Complementary

#6CF948

#D548F9

Analogous

#C4F948

#48F97C

#6CF948

Triadic

#6CF948

#486CF9

#F9486C

Split Complementary

#6CF948

#7C48F9

#F948C4

Tetradic

#6CF948

#48C4F9

#D548F9

#F97C48

Color Blindness Simulation

Original

#6CF948

Protanopia

#A9AA73

Deuteranopia

#A1967D

Tritanopia

#73959C

Achromatopsia

#CECECE

CSS Usage

background-color: #6CF948;
color: #6CF948;
border-color: #6CF948;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F4FDF1
100
#E5FBDF
200
#C7FDBA
300
#A0FB88
400
#6CF948
500
#39F708
600
#2DC606
700
#249E05
800
#1C7B04
900
#185908
950
#0F3805

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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