#4691DC

#4691DC

Color Values

HEX

#4691DC

RGB

70, 145, 220

HSL

210.0, 68.2%, 56.9%

HSV

210.0, 68.2%, 86.3%

CMYK

68.2%, 34.1%, 0.0%, 13.7%

OKLCH

0.6433 0.1353 250.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#4691DC

#DC9146

Analogous

#46DCDC

#4646DC

#4691DC

Triadic

#4691DC

#DC4691

#91DC46

Split Complementary

#4691DC

#DC4646

#DCDC46

Tetradic

#4691DC

#DC46DC

#DC9146

#46DC46

Color Blindness Simulation

Original

#4691DC

Protanopia

#6667CA

Deuteranopia

#625CC6

Tritanopia

#4ABCB8

Achromatopsia

#868686

CSS Usage

background-color: #4691DC;
color: #4691DC;
border-color: #4691DC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C3DBF4
300
#98C2EC
400
#60A1E1
500
#2980D6
600
#2066AC
700
#1A5289
800
#14406B
900
#13304E
950
#0C1F31

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.34:1

AA Pass 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