#35BE85

#35BE85

Color Values

HEX

#35BE85

RGB

53, 190, 133

HSL

155.0, 56.4%, 47.6%

HSV

155.0, 72.1%, 74.5%

CMYK

72.1%, 0.0%, 30.0%, 25.5%

OKLCH

0.7151 0.1433 160.8

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#35BE85

#BE356E

Analogous

#35BE40

#35B2BE

#35BE85

Triadic

#35BE85

#8535BE

#BE8535

Split Complementary

#35BE85

#BE35B2

#BE4035

Tetradic

#35BE85

#4035BE

#BE356E

#B2BE35

Color Blindness Simulation

Original

#35BE85

Protanopia

#707293

Deuteranopia

#685E96

Tritanopia

#3C9EA0

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E5F6EF
200
#C7EFDF
300
#9FE4C8
400
#6BD6AA
500
#38C78B
600
#2CA070
700
#248059
800
#1C6446
900
#184935
950
#0F2E21

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

8.86:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026