#49CAD4

#49CAD4

Color Values

HEX

#49CAD4

RGB

73, 202, 212

HSL

184.3, 61.8%, 55.9%

HSV

184.3, 65.6%, 83.1%

CMYK

65.6%, 4.7%, 0.0%, 16.9%

OKLCH

0.7731 0.1114 202.5

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#49CAD4

#D45349

Analogous

#49D499

#4985D4

#49CAD4

Triadic

#49CAD4

#D449CA

#CAD449

Split Complementary

#49CAD4

#D44985

#D49949

Tetradic

#49CAD4

#9949D4

#D45349

#85D449

Color Blindness Simulation

Original

#49CAD4

Protanopia

#8182D2

Deuteranopia

#7970D1

Tritanopia

#4FD0CF

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F5F7
200
#C5EEF1
300
#9CE2E8
400
#66D3DB
500
#31C3CE
600
#279CA5
700
#1F7D84
800
#186267
900
#16484B
950
#0E2D30

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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