#63BD93

#63BD93

Color Values

HEX

#63BD93

RGB

99, 189, 147

HSL

152.0, 40.5%, 56.5%

HSV

152.0, 47.6%, 74.1%

CMYK

47.6%, 0.0%, 22.2%, 25.9%

OKLCH

0.7307 0.1073 161.9

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#63BD93

#BD638D

Analogous

#63BD66

#63BABD

#63BD93

Triadic

#63BD93

#9363BD

#BD9363

Split Complementary

#63BD93

#BD63BA

#BD6663

Tetradic

#63BD93

#6663BD

#BD638D

#BABD63

Color Blindness Simulation

Original

#63BD93

Protanopia

#8A8B9D

Deuteranopia

#857EA0

Tritanopia

#68A5A7

Achromatopsia

#A7A7A7

CSS Usage

background-color: #63BD93;
color: #63BD93;
border-color: #63BD93;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CDEADC
300
#A9DBC3
400
#7AC7A3
500
#4CB383
600
#3D8F69
700
#317354
800
#265A41
900
#1F4232
950
#132A1F

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

9.23:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026