#4774AF

#4774AF

Color Values

HEX

#4774AF

RGB

71, 116, 175

HSL

214.0, 42.3%, 48.2%

HSV

214.0, 59.4%, 68.6%

CMYK

59.4%, 33.7%, 0.0%, 31.4%

OKLCH

0.5536 0.1051 255.7

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#4774AF

#AF8247

Analogous

#47A8AF

#4E47AF

#4774AF

Triadic

#4774AF

#AF4774

#74AF47

Split Complementary

#4774AF

#AF4E47

#A8AF47

Tetradic

#4774AF

#AF47A8

#AF8247

#47AF4E

Color Blindness Simulation

Original

#4774AF

Protanopia

#5A5BA1

Deuteranopia

#58549D

Tritanopia

#499593

Achromatopsia

#6F6F6F

CSS Usage

background-color: #4774AF;
color: #4774AF;
border-color: #4774AF;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E7ECF4
200
#CCD9EA
300
#A8BEDC
400
#799BC9
500
#4A78B5
600
#3B6091
700
#2F4D74
800
#253C5B
900
#1E2E43
950
#131D2A

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

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