#49D2F8

#49D2F8

Color Values

HEX

#49D2F8

RGB

73, 210, 248

HSL

193.0, 92.6%, 62.9%

HSV

193.0, 70.6%, 97.3%

CMYK

70.6%, 15.3%, 0.0%, 2.7%

OKLCH

0.8057 0.1266 220.3

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#49D2F8

#F86F49

Analogous

#49F8C6

#497AF8

#49D2F8

Triadic

#49D2F8

#F849D2

#D2F849

Split Complementary

#49D2F8

#F8497A

#F8C649

Tetradic

#49D2F8

#C649F8

#F86F49

#7AF849

Color Blindness Simulation

Original

#49D2F8

Protanopia

#8486EF

Deuteranopia

#7C72ED

Tritanopia

#50E8E6

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F1FBFD
100
#DFF5FB
200
#BAEEFC
300
#89E2FA
400
#49D2F8
500
#09C2F6
600
#089CC4
700
#067C9D
800
#05617B
900
#084759
950
#052D38

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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