#49DFF9

#49DFF9

Color Values

HEX

#49DFF9

RGB

73, 223, 249

HSL

188.9, 93.6%, 63.1%

HSV

188.9, 70.7%, 97.6%

CMYK

70.7%, 10.4%, 0.0%, 2.4%

OKLCH

0.8361 0.1277 211.7

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#49DFF9

#F96349

Analogous

#49F9BB

#4987F9

#49DFF9

Triadic

#49DFF9

#F949DF

#DFF949

Split Complementary

#49DFF9

#F94987

#F9BB49

Tetradic

#49DFF9

#BB49F9

#F96349

#87F949

Color Blindness Simulation

Original

#49DFF9

Protanopia

#8A8BF3

Deuteranopia

#8176F1

Tritanopia

#50EEED

Achromatopsia

#C1C1C1

CSS Usage

background-color: #49DFF9;
color: #49DFF9;
border-color: #49DFF9;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FCFD
100
#DFF7FB
200
#BAF3FD
300
#89EAFB
400
#48DFF9
500
#08D3F7
600
#07A9C5
700
#05879E
800
#046A7B
900
#084D59
950
#053138

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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