#4655C3

#4655C3

Color Values

HEX

#4655C3

RGB

70, 85, 195

HSL

232.8, 51.0%, 52.0%

HSV

232.8, 64.1%, 76.5%

CMYK

64.1%, 56.4%, 0.0%, 23.5%

OKLCH

0.5009 0.1712 272.7

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#4655C3

#C3B446

Analogous

#4694C3

#7646C3

#4655C3

Triadic

#4655C3

#C34655

#55C346

Split Complementary

#4655C3

#C37646

#94C346

Tetradic

#4655C3

#C34694

#C3B446

#46C376

Color Blindness Simulation

Original

#4655C3

Protanopia

#4C4DA8

Deuteranopia

#4C4AA2

Tritanopia

#47938F

Achromatopsia

#5A5A5A

CSS Usage

background-color: #4655C3;
color: #4655C3;
border-color: #4655C3;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FB
100
#E5E7F5
200
#C9CDEE
300
#A3AAE1
400
#717CD1
500
#3E4EC1
600
#323E9A
700
#28327B
800
#1F2760
900
#1A2047
950
#11142D

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

3.35:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026