#68C070

#68C070

Color Values

HEX

#68C070

RGB

104, 192, 112

HSL

125.5, 41.1%, 58.0%

HSV

125.5, 45.8%, 75.3%

CMYK

45.8%, 0.0%, 41.7%, 24.7%

OKLCH

0.7329 0.142 145.9

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#68C070

#C068B8

Analogous

#8CC068

#68C09C

#68C070

Triadic

#68C070

#7068C0

#C07068

Split Complementary

#68C070

#9C68C0

#C0688C

Tetradic

#68C070

#688CC0

#C068B8

#C09C68

Color Blindness Simulation

Original

#68C070

Protanopia

#8E8F83

Deuteranopia

#898288

Tritanopia

#6C9396

Achromatopsia

#A8A8A8

CSS Usage

background-color: #68C070;
color: #68C070;
border-color: #68C070;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDEACF
300
#A9DBAD
400
#7AC781
500
#4BB455
600
#3C9044
700
#307336
800
#265A2A
900
#1F4222
950
#132A15

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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