#63B2AE

#63B2AE

Color Values

HEX

#63B2AE

RGB

99, 178, 174

HSL

177.0, 33.9%, 54.3%

HSV

177.0, 44.4%, 69.8%

CMYK

44.4%, 0.0%, 2.2%, 30.2%

OKLCH

0.712 0.0784 191.3

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#63B2AE

#B26367

Analogous

#63B287

#638EB2

#63B2AE

Triadic

#63B2AE

#AE63B2

#B2AE63

Split Complementary

#63B2AE

#B2638E

#B28763

Tetradic

#63B2AE

#8763B2

#B26367

#8EB263

Color Blindness Simulation

Original

#63B2AE

Protanopia

#8586AF

Deuteranopia

#817BAF

Tritanopia

#67B0B0

Achromatopsia

#A1A1A1

CSS Usage

background-color: #63B2AE;
color: #63B2AE;
border-color: #63B2AE;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE7E6
300
#ADD7D4
400
#81C1BD
500
#54ABA6
600
#438985
700
#366D6A
800
#2A5553
900
#223F3E
950
#152827

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.51:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026