#4647AA

#4647AA

Color Values

HEX

#4647AA

RGB

70, 71, 170

HSL

239.4, 41.7%, 47.1%

HSV

239.4, 58.8%, 66.7%

CMYK

58.8%, 58.2%, 0.0%, 33.3%

OKLCH

0.4551 0.1549 277.9

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#4647AA

#AAA946

Analogous

#4679AA

#7746AA

#4647AA

Triadic

#4647AA

#AA4647

#47AA46

Split Complementary

#4647AA

#AA7746

#79AA46

Tetradic

#4647AA

#AA4679

#AAA946

#46AA77

Color Blindness Simulation

Original

#4647AA

Protanopia

#464692

Deuteranopia

#46468C

Tritanopia

#467F7B

Achromatopsia

#4E4E4E

CSS Usage

background-color: #4647AA;
color: #4647AA;
border-color: #4647AA;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CCCDEA
300
#A8A9DB
400
#797AC8
500
#4A4BB5
600
#3B3C91
700
#303074
800
#25265A
900
#1E1F43
950
#13132A

Contrast Checker

Text on white

7.66:1

AA Pass AAA Pass

Text on black

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