#6BD296

#6BD296

Color Values

HEX

#6BD296

RGB

107, 210, 150

HSL

145.0, 53.4%, 62.2%

HSV

145.0, 49.0%, 82.4%

CMYK

49.0%, 0.0%, 28.6%, 17.6%

OKLCH

0.7859 0.1302 156.1

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#6BD296

#D26BA7

Analogous

#74D26B

#6BD2CA

#6BD296

Triadic

#6BD296

#966BD2

#D2966B

Split Complementary

#6BD296

#CA6BD2

#D26B74

Tetradic

#6BD296

#6B74D2

#D26BA7

#D2CA6B

Color Blindness Simulation

Original

#6BD296

Protanopia

#9898A5

Deuteranopia

#928AA8

Tritanopia

#70B0B2

Achromatopsia

#B8B8B8

CSS Usage

background-color: #6BD296;
color: #6BD296;
border-color: #6BD296;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F4FBF7
100
#E5F5EC
200
#C8EED8
300
#A1E2BC
400
#6ED398
500
#3BC474
600
#309C5D
700
#267D4A
800
#1E623A
900
#19482D
950
#102D1C

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

11.28:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026