#4B6673

#4B6673

Color Values

HEX

#4B6673

RGB

75, 102, 115

HSL

199.5, 21.1%, 37.3%

HSV

199.5, 34.8%, 45.1%

CMYK

34.8%, 11.3%, 0.0%, 54.9%

OKLCH

0.4939 0.038 229.1

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#4B6673

#73584B

Analogous

#4B736C

#4B5273

#4B6673

Triadic

#4B6673

#734B66

#66734B

Split Complementary

#4B6673

#734B52

#736C4B

Tetradic

#4B6673

#6C4B73

#73584B

#52734B

Color Blindness Simulation

Original

#4B6673

Protanopia

#575770

Deuteranopia

#55536F

Tritanopia

#4C6D6D

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DEE3
300
#B5C6CF
400
#8DA8B5
500
#65899A
600
#506E7C
700
#405863
800
#32444D
900
#27343A
950
#192124

Contrast Checker

Text on white

6.09:1

AA Pass AAA Fail

Text on black

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