#35B26C

#35B26C

Color Values

HEX

#35B26C

RGB

53, 178, 108

HSL

146.4, 54.1%, 45.3%

HSV

146.4, 70.2%, 69.8%

CMYK

70.2%, 0.0%, 39.3%, 30.2%

OKLCH

0.6786 0.15 154.2

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#35B26C

#B2357B

Analogous

#3DB235

#35B2AB

#35B26C

Triadic

#35B26C

#6C35B2

#B26C35

Split Complementary

#35B26C

#AB35B2

#B2353D

Tetradic

#35B26C

#353DB2

#B2357B

#B2AB35

Color Blindness Simulation

Original

#35B26C

Protanopia

#6B6C7D

Deuteranopia

#645A81

Tritanopia

#3B8A8D

Achromatopsia

#929292

CSS Usage

background-color: #35B26C;
color: #35B26C;
border-color: #35B26C;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F4FBF7
100
#E5F5EC
200
#C8EFD9
300
#A1E3BE
400
#6ED49B
500
#3BC477
600
#2F9D5F
700
#257E4C
800
#1D623C
900
#19482E
950
#102D1D

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

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