#4765B0

#4765B0

Color Values

HEX

#4765B0

RGB

71, 101, 176

HSL

222.9, 42.5%, 48.4%

HSV

222.9, 59.7%, 69.0%

CMYK

59.7%, 42.6%, 0.0%, 31.0%

OKLCH

0.5208 0.1237 265.9

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#4765B0

#B09247

Analogous

#4799B0

#5E47B0

#4765B0

Triadic

#4765B0

#B04765

#65B047

Split Complementary

#4765B0

#B05E47

#99B047

Tetradic

#4765B0

#B04799

#B09247

#47B05E

Color Blindness Simulation

Original

#4765B0

Protanopia

#54549E

Deuteranopia

#52509A

Tritanopia

#48908C

Achromatopsia

#646464

CSS Usage

background-color: #4765B0;
color: #4765B0;
border-color: #4765B0;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6FA
100
#E7EAF4
200
#CCD5EA
300
#A8B7DC
400
#798FC9
500
#4968B6
600
#3B5391
700
#2F4374
800
#25345B
900
#1E2843
950
#131A2A

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

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