#4676AE

#4676AE

Color Values

HEX

#4676AE

RGB

70, 118, 174

HSL

212.3, 42.6%, 47.8%

HSV

212.3, 59.8%, 68.2%

CMYK

59.8%, 32.2%, 0.0%, 31.8%

OKLCH

0.5571 0.1022 253.4

Properties

Cool Dark Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#4676AE

#AE7E46

Analogous

#46AAAE

#4A46AE

#4676AE

Triadic

#4676AE

#AE4676

#76AE46

Split Complementary

#4676AE

#AE4A46

#AAAE46

Tetradic

#4676AE

#AE46AA

#AE7E46

#46AE4A

Color Blindness Simulation

Original

#4676AE

Protanopia

#5B5BA0

Deuteranopia

#58549D

Tritanopia

#489693

Achromatopsia

#707070

CSS Usage

background-color: #4676AE;
color: #4676AE;
border-color: #4676AE;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E7EDF4
200
#CCDAEB
300
#A8C0DC
400
#789EC9
500
#497BB6
600
#3B6391
700
#2F4F74
800
#253E5B
900
#1E2F43
950
#131E2A

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

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