#15ACBC

#15ACBC

Color Values

HEX

#15ACBC

RGB

21, 172, 188

HSL

185.7, 79.9%, 41.0%

HSV

185.7, 88.8%, 73.7%

CMYK

88.8%, 8.5%, 0.0%, 26.3%

OKLCH

0.6815 0.1138 206.8

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#15ACBC

#BC2515

Analogous

#15BC78

#1559BC

#15ACBC

Triadic

#15ACBC

#BC15AC

#ACBC15

Split Complementary

#15ACBC

#BC1559

#BC7815

Tetradic

#15ACBC

#7815BC

#BC2515

#59BC15

Color Blindness Simulation

Original

#15ACBC

Protanopia

#5658B8

Deuteranopia

#4E42B7

Tritanopia

#1DB5B4

Achromatopsia

#8D8D8D

CSS Usage

background-color: #15ACBC;
color: #15ACBC;
border-color: #15ACBC;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F2FCFD
100
#E1F7F9
200
#BFF2F8
300
#91E9F3
400
#55DEEC
500
#1AD2E5
600
#15A8B7
700
#108693
800
#0D6973
900
#0E4D53
950
#093035

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

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