#4BF756

#4BF756

Color Values

HEX

#4BF756

RGB

75, 247, 86

HSL

123.8, 91.5%, 63.1%

HSV

123.8, 69.6%, 96.9%

CMYK

69.6%, 0.0%, 65.2%, 3.1%

OKLCH

0.8581 0.2458 143.9

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#4BF756

#F74BEC

Analogous

#96F74B

#4BF7AC

#4BF756

Triadic

#4BF756

#564BF7

#F7564B

Split Complementary

#4BF756

#AC4BF7

#F74B96

Tetradic

#4BF756

#4B96F7

#F74BEC

#F7AC4B

Color Blindness Simulation

Original

#4BF756

Protanopia

#96977D

Deuteranopia

#8C7F86

Tritanopia

#549CA2

Achromatopsia

#C7C7C7

CSS Usage

background-color: #4BF756;
color: #4BF756;
border-color: #4BF756;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F1FDF2
100
#DFFBE1
200
#BBFCBF
300
#8AFA91
400
#4AF755
500
#0BF41A
600
#09C314
700
#079C10
800
#057A0D
900
#09580E
950
#053809

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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