#34FF70

#34FF70

Color Values

HEX

#34FF70

RGB

52, 255, 112

HSL

137.7, 100.0%, 60.2%

HSV

137.7, 79.6%, 100.0%

CMYK

79.6%, 0.0%, 56.1%, 0.0%

OKLCH

0.8768 0.2416 147.7

Properties

Cool Light Nearest: springgreen

Color Harmonies

Complementary

#34FF70

#FF34C3

Analogous

#5EFF34

#34FFD5

#34FF70

Triadic

#34FF70

#7034FF

#FF7034

Split Complementary

#34FF70

#D534FF

#FF345E

Tetradic

#34FF70

#345EFF

#FF34C3

#FFD534

Color Blindness Simulation

Original

#34FF70

Protanopia

#8C8E93

Deuteranopia

#80719B

Tritanopia

#3EAEB4

Achromatopsia

#CACACA

CSS Usage

background-color: #34FF70;
color: #34FF70;
border-color: #34FF70;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FEF5
100
#DEFCE7
200
#B8FFCD
300
#85FFA9
400
#42FF7A
500
#00FF4B
600
#00CC3C
700
#00A330
800
#008026
900
#055C1F
950
#033A13

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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