#49ECF8

#49ECF8

Color Values

HEX

#49ECF8

RGB

73, 236, 248

HSL

184.1, 92.6%, 62.9%

HSV

184.1, 70.6%, 97.3%

CMYK

70.6%, 4.8%, 0.0%, 2.7%

OKLCH

0.8659 0.1312 202.3

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#49ECF8

#F85549

Analogous

#49F8AC

#4994F8

#49ECF8

Triadic

#49ECF8

#F849EC

#ECF849

Split Complementary

#49ECF8

#F84994

#F8AC49

Tetradic

#49ECF8

#AC49F8

#F85549

#94F849

Color Blindness Simulation

Original

#49ECF8

Protanopia

#9091F5

Deuteranopia

#867AF4

Tritanopia

#51F3F2

Achromatopsia

#CACACA

CSS Usage

background-color: #49ECF8;
color: #49ECF8;
border-color: #49ECF8;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F1FDFD
100
#DFF9FB
200
#BAF8FC
300
#89F3FA
400
#49ECF8
500
#09E5F6
600
#08B8C4
700
#06939D
800
#05737B
900
#085359
950
#053538

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.64:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026