#3BC468

#3BC468

Color Values

HEX

#3BC468

RGB

59, 196, 104

HSL

139,7, 53,7%, 50,0%

HSV

139,7, 69,9%, 76,9%

CMYK

69,9%, 0,0%, 46,9%, 23,1%

OKLCH

0,7263 0,1753 150,1

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#3BC468

#C43B97

Analogous

#53C43B

#3BC4AC

#3BC468

Triadic

#3BC468

#683BC4

#C4683B

Split Complementary

#3BC468

#AC3BC4

#C43B53

Tetradic

#3BC468

#3B53C4

#C43B97

#C4AC3B

Color Blindness Simulation

Original

#3BC468

Protanopia

#76787E

Deuteranopia

#6E6484

Tritanopia

#429094

Achromatopsia

#A0A0A0

CSS Usage

background-color: #3BC468;
color: #3BC468;
border-color: #3BC468;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F4FBF6
100
#E5F5EA
200
#C8EED5
300
#A1E3B7
400
#6ED38F
500
#3BC468
600
#2F9D53
700
#267D43
800
#1E6234
900
#194828
950
#102D1A

Contrast Checker

Text on white

2,26:1

AA Fail AAA Fail

Text on black

9,28: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