#499AA6

#499AA6

Color Values

HEX

#499AA6

RGB

73, 154, 166

HSL

187.7, 38.9%, 46.9%

HSV

187.7, 56.0%, 65.1%

CMYK

56.0%, 7.2%, 0.0%, 34.9%

OKLCH

0.6404 0.0806 208.3

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#499AA6

#A65549

Analogous

#49A684

#496CA6

#499AA6

Triadic

#499AA6

#A6499A

#9AA649

Split Complementary

#499AA6

#A6496C

#A68449

Tetradic

#499AA6

#8449A6

#A65549

#6CA649

Color Blindness Simulation

Original

#499AA6

Protanopia

#6C6DA3

Deuteranopia

#6761A2

Tritanopia

#4DA1A0

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE6E9
300
#AAD3DA
400
#7CBCC5
500
#4EA4B1
600
#3E838E
700
#326971
800
#275259
900
#1F3D41
950
#142729

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

6.46:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026