#28ADD7

#28ADD7

Color Values

HEX

#28ADD7

RGB

40, 173, 215

HSL

194.4, 68.6%, 50.0%

HSV

194.4, 81.4%, 84.3%

CMYK

81.4%, 19.5%, 0.0%, 15.7%

OKLCH

0.6979 0.1231 225.0

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#28ADD7

#D75228

Analogous

#28D7A9

#2856D7

#28ADD7

Triadic

#28ADD7

#D728AD

#ADD728

Split Complementary

#28ADD7

#D72856

#D7A928

Tetradic

#28ADD7

#A928D7

#D75228

#56D728

Color Blindness Simulation

Original

#28ADD7

Protanopia

#6263CD

Deuteranopia

#5A50CA

Tritanopia

#2FC5C3

Achromatopsia

#949494

CSS Usage

background-color: #28ADD7;
color: #28ADD7;
border-color: #28ADD7;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F3FAFC
100
#E3F3F8
200
#C3E8F4
300
#98D8EC
400
#60C2E1
500
#28ADD7
600
#208AAC
700
#1A6F8A
800
#14566B
900
#13404E
950
#0C2831

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

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