#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

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