#46617C

#46617C

Color Values

HEX

#46617C

RGB

70, 97, 124

HSL

210.0, 27.8%, 38.0%

HSV

210.0, 43.5%, 48.6%

CMYK

43.5%, 21.8%, 0.0%, 51.4%

OKLCH

0.4824 0.0543 249.0

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#46617C

#7C6146

Analogous

#467C7C

#46467C

#46617C

Triadic

#46617C

#7C4661

#617C46

Split Complementary

#46617C

#7C4646

#7C7C46

Tetradic

#46617C

#7C467C

#7C6146

#467C46

Color Blindness Simulation

Original

#46617C

Protanopia

#525275

Deuteranopia

#504E74

Tritanopia

#47706F

Achromatopsia

#5D5D5D

CSS Usage

background-color: #46617C;
color: #46617C;
border-color: #46617C;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D1DBE5
300
#B1C2D3
400
#86A1BB
500
#5C80A3
600
#4A6682
700
#3B5268
800
#2E4051
900
#24303D
950
#171F26

Contrast Checker

Text on white

6.44:1

AA Pass AAA Fail

Text on black

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