#49646F

#49646F

Color Values

HEX

#49646F

RGB

73, 100, 111

HSL

197.4, 20.7%, 36.1%

HSV

197.4, 34.2%, 43.5%

CMYK

34.2%, 9.9%, 0.0%, 56.5%

OKLCH

0.486 0.0365 225.0

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#49646F

#6F5449

Analogous

#496F67

#49516F

#49646F

Triadic

#49646F

#6F4964

#646F49

Split Complementary

#49646F

#6F4951

#6F6749

Tetradic

#49646F

#67496F

#6F5449

#516F49

Color Blindness Simulation

Original

#49646F

Protanopia

#55556C

Deuteranopia

#53516C

Tritanopia

#4A6A6A

Achromatopsia

#5F5F5F

CSS Usage

background-color: #49646F;
color: #49646F;
border-color: #49646F;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DEE3
300
#B5C7CE
400
#8DA9B4
500
#658B9A
600
#516F7B
700
#415962
800
#33454D
900
#273439
950
#192124

Contrast Checker

Text on white

6.3:1

AA Pass AAA Fail

Text on black

3.34:1

AA Fail 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