#11B6C2

#11B6C2

Color Values

HEX

#11B6C2

RGB

17, 182, 194

HSL

184.1, 83.9%, 41.4%

HSV

184.1, 91.2%, 76.1%

CMYK

91.2%, 6.2%, 0.0%, 23.9%

OKLCH

0.7083 0.1186 203.3

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#11B6C2

#C21D11

Analogous

#11C276

#115DC2

#11B6C2

Triadic

#11B6C2

#C211B6

#B6C211

Split Complementary

#11B6C2

#C2115D

#C27611

Tetradic

#11B6C2

#7611C2

#C21D11

#5DC211

Color Blindness Simulation

Original

#11B6C2

Protanopia

#585ABF

Deuteranopia

#4F42BE

Tritanopia

#19BDBC

Achromatopsia

#949494

CSS Usage

background-color: #11B6C2;
color: #11B6C2;
border-color: #11B6C2;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F2FCFD
100
#E0F8FA
200
#BDF5F9
300
#8EEEF5
400
#51E5F0
500
#15DCEA
600
#10B0BC
700
#0D8D96
800
#0A6E75
900
#0C5055
950
#073336

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026