#68C473

#68C473

Color Values

HEX

#68C473

RGB

104, 196, 115

HSL

127.2, 43.8%, 58.8%

HSV

127.2, 46.9%, 76.9%

CMYK

46.9%, 0.0%, 41.3%, 23.1%

OKLCH

0.7433 0.1449 146.5

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#68C473

#C468B9

Analogous

#8BC468

#68C4A1

#68C473

Triadic

#68C473

#7368C4

#C47368

Split Complementary

#68C473

#A168C4

#C4688B

Tetradic

#68C473

#688BC4

#C468B9

#C4A168

Color Blindness Simulation

Original

#68C473

Protanopia

#909187

Deuteranopia

#8A848B

Tritanopia

#6D9699

Achromatopsia

#ABABAB

CSS Usage

background-color: #68C473;
color: #68C473;
border-color: #68C473;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F5FAF5
100
#E7F4E8
200
#CCEBCF
300
#A7DDAD
400
#77CA81
500
#48B755
600
#399344
700
#2E7536
800
#245C2B
900
#1D4422
950
#132B15

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

9.73:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026