#46708D

#46708D

Color Values

HEX

#46708D

RGB

70, 112, 141

HSL

204.5, 33.6%, 41.4%

HSV

204.5, 50.4%, 55.3%

CMYK

50.4%, 20.6%, 0.0%, 44.7%

OKLCH

0.5264 0.0656 239.8

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#46708D

#8D6346

Analogous

#468D87

#464D8D

#46708D

Triadic

#46708D

#8D4670

#708D46

Split Complementary

#46708D

#8D464D

#8D8746

Tetradic

#46708D

#87468D

#8D6346

#4D8D46

Color Blindness Simulation

Original

#46708D

Protanopia

#585986

Deuteranopia

#565384

Tritanopia

#48807F

Achromatopsia

#696969

CSS Usage

background-color: #46708D;
color: #46708D;
border-color: #46708D;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDDE7
300
#ADC6D6
400
#81A6C0
500
#5587AA
600
#446C88
700
#36576D
800
#2A4455
900
#22333F
950
#152028

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

3.96:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026