#4684FC

#4684FC

Color Values

HEX

#4684FC

RGB

70, 132, 252

HSL

219.6, 96.8%, 63.1%

HSV

219.6, 72.2%, 98.8%

CMYK

72.2%, 47.6%, 0.0%, 1.2%

OKLCH

0.6351 0.1904 262.0

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#4684FC

#FCBE46

Analogous

#46DFFC

#6346FC

#4684FC

Triadic

#4684FC

#FC4684

#84FC46

Split Complementary

#4684FC

#FC6346

#DFFC46

Tetradic

#4684FC

#FC46DF

#FCBE46

#46FC63

Color Blindness Simulation

Original

#4684FC

Protanopia

#6161DF

Deuteranopia

#5D59D8

Tritanopia

#49C8C3

Achromatopsia

#7F7F7F

CSS Usage

background-color: #4684FC;
color: #4684FC;
border-color: #4684FC;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F5FE
100
#DEE8FC
200
#B9D0FE
300
#87AFFD
400
#4583FC
500
#0458FB
600
#0346C9
700
#0338A1
800
#022C7D
900
#06235B
950
#041639

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

5.97:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026