#35BA89

#35BA89

Color Values

HEX

#35BA89

RGB

53, 186, 137

HSL

157.9, 55.6%, 46.9%

HSV

157.9, 71.5%, 72.9%

CMYK

71.5%, 0.0%, 26.3%, 27.1%

OKLCH

0.7058 0.1348 163.8

Properties

Cool Light Nearest: Mountain Meadow

Color Harmonies

Complementary

#35BA89

#BA3566

Analogous

#35BA47

#35A9BA

#35BA89

Triadic

#35BA89

#8935BA

#BA8935

Split Complementary

#35BA89

#BA35A9

#BA4735

Tetradic

#35BA89

#4735BA

#BA3566

#A9BA35

Color Blindness Simulation

Original

#35BA89

Protanopia

#6F7095

Deuteranopia

#675D98

Tritanopia

#3C9EA0

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E5F6EF
200
#C7EFE1
300
#A0E4CB
400
#6CD5AE
500
#39C692
600
#2D9F75
700
#247F5E
800
#1C6349
900
#184937
950
#0F2E23

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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