#63B7BA

#63B7BA

Color Values

HEX

#63B7BA

RGB

99, 183, 186

HSL

182.1, 38.7%, 55.9%

HSV

182.1, 46.8%, 72.9%

CMYK

46.8%, 1.6%, 0.0%, 27.1%

OKLCH

0.7279 0.0818 198.5

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#63B7BA

#BA6663

Analogous

#63BA92

#638BBA

#63B7BA

Triadic

#63B7BA

#BA63B7

#B7BA63

Split Complementary

#63B7BA

#BA638B

#BA9263

Tetradic

#63B7BA

#9263BA

#BA6663

#8BBA63

Color Blindness Simulation

Original

#63B7BA

Protanopia

#8788B9

Deuteranopia

#827CB9

Tritanopia

#67B9B9

Achromatopsia

#A5A5A5

CSS Usage

background-color: #63B7BA;
color: #63B7BA;
border-color: #63B7BA;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CDE8E9
300
#AAD8D9
400
#7CC3C5
500
#4EADB1
600
#3F8B8D
700
#326F71
800
#275758
900
#204041
950
#142929

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

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