#32BACD

#32BACD

Color Values

HEX

#32BACD

RGB

50, 186, 205

HSL

187.4, 60.8%, 50.0%

HSV

187.4, 75.6%, 80.4%

CMYK

75.6%, 9.3%, 0.0%, 19.6%

OKLCH

0.7267 0.1141 209.0

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#32BACD

#CD4532

Analogous

#32CD93

#326CCD

#32BACD

Triadic

#32BACD

#CD32BA

#BACD32

Split Complementary

#32BACD

#CD326C

#CD9332

Tetradic

#32BACD

#9332CD

#CD4532

#6CCD32

Color Blindness Simulation

Original

#32BACD

Protanopia

#6D6EC8

Deuteranopia

#655BC7

Tritanopia

#39C5C4

Achromatopsia

#9E9E9E

CSS Usage

background-color: #32BACD;
color: #32BACD;
border-color: #32BACD;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F3FAFB
100
#E4F4F6
200
#C6ECF1
300
#9DDEE7
400
#67CCDA
500
#32BACD
600
#2895A4
700
#207783
800
#195D67
900
#16444B
950
#0E2B2F

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

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