#15AFB7

#15AFB7

Color Values

HEX

#15AFB7

RGB

21, 175, 183

HSL

183.0, 79.4%, 40.0%

HSV

183.0, 88.5%, 71.8%

CMYK

88.5%, 4.4%, 0.0%, 28.2%

OKLCH

0.687 0.1139 200.8

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#15AFB7

#B71D15

Analogous

#15B76E

#155EB7

#15AFB7

Triadic

#15AFB7

#B715AF

#AFB715

Split Complementary

#15AFB7

#B7155E

#B76E15

Tetradic

#15AFB7

#6E15B7

#B71D15

#5EB715

Color Blindness Simulation

Original

#15AFB7

Protanopia

#5859B5

Deuteranopia

#4F43B5

Tritanopia

#1DB4B3

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F8F9
200
#BFF5F8
300
#91EEF2
400
#56E4EC
500
#1ADBE5
600
#15AFB7
700
#118C92
800
#0D6D72
900
#0E5053
950
#093234

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

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