#4B7481

#4B7481

Color Values

HEX

#4B7481

RGB

75, 116, 129

HSL

194.4, 26.5%, 40.0%

HSV

194.4, 41.9%, 50.6%

CMYK

41.9%, 10.1%, 0.0%, 49.4%

OKLCH

0.5338 0.05 219.9

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#4B7481

#81584B

Analogous

#4B8173

#4B5981

#4B7481

Triadic

#4B7481

#814B74

#74814B

Split Complementary

#4B7481

#814B59

#81734B

Tetradic

#4B7481

#734B81

#81584B

#59814B

Color Blindness Simulation

Original

#4B7481

Protanopia

#5D5D7E

Deuteranopia

#5A577D

Tritanopia

#4D7B7B

Achromatopsia

#6C6C6C

CSS Usage

background-color: #4B7481;
color: #4B7481;
border-color: #4B7481;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D2E0E5
300
#B2CAD2
400
#88AEBA
500
#5E91A1
600
#4B7481
700
#3C5D67
800
#2F4951
900
#25363C
950
#172226

Contrast Checker

Text on white

5.1:1

AA Pass AAA Fail

Text on black

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