#499DA7

#499DA7

Color Values

HEX

#499DA7

RGB

73, 157, 167

HSL

186.4, 39.2%, 47.1%

HSV

186.4, 56.3%, 65.5%

CMYK

56.3%, 6.0%, 0.0%, 34.5%

OKLCH

0.6481 0.0821 205.8

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#499DA7

#A75349

Analogous

#49A782

#496EA7

#499DA7

Triadic

#499DA7

#A7499D

#9DA749

Split Complementary

#499DA7

#A7496E

#A78249

Tetradic

#499DA7

#8249A7

#A75349

#6EA749

Color Blindness Simulation

Original

#499DA7

Protanopia

#6D6EA5

Deuteranopia

#6862A4

Tritanopia

#4DA3A2

Achromatopsia

#8C8C8C

CSS Usage

background-color: #499DA7;
color: #499DA7;
border-color: #499DA7;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE6E9
300
#AAD5DA
400
#7CBEC6
500
#4EA7B1
600
#3E858E
700
#326B72
800
#275359
900
#1F3E42
950
#142729

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.66:1

AA Pass AAA Fail

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