#499BA4

#499BA4

Color Values

HEX

#499BA4

RGB

73, 155, 164

HSL

185.9, 38.4%, 46.5%

HSV

185.9, 55.5%, 64.3%

CMYK

55.5%, 5.5%, 0.0%, 35.7%

OKLCH

0.6421 0.0805 205.0

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#499BA4

#A45249

Analogous

#49A480

#496EA4

#499BA4

Triadic

#499BA4

#A4499B

#9BA449

Split Complementary

#499BA4

#A4496E

#A48049

Tetradic

#499BA4

#8049A4

#A45249

#6EA449

Color Blindness Simulation

Original

#499BA4

Protanopia

#6D6DA2

Deuteranopia

#6862A1

Tritanopia

#4DA0A0

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CEE6E9
300
#AAD5D9
400
#7CBEC5
500
#4FA7B0
600
#3F858D
700
#326B71
800
#275358
900
#203E41
950
#142729

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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