#468AFB

#468AFB

Color Values

HEX

#468AFB

RGB

70, 138, 251

HSL

217.5, 95.8%, 62.9%

HSV

217.5, 72.1%, 98.4%

CMYK

72.1%, 45.0%, 0.0%, 1.6%

OKLCH

0.6468 0.1822 260.0

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#468AFB

#FBB746

Analogous

#46E4FB

#5C46FB

#468AFB

Triadic

#468AFB

#FB468A

#8AFB46

Split Complementary

#468AFB

#FB5C46

#E4FB46

Tetradic

#468AFB

#FB46E4

#FBB746

#46FB5C

Color Blindness Simulation

Original

#468AFB

Protanopia

#6364E0

Deuteranopia

#605AD9

Tritanopia

#49CAC5

Achromatopsia

#848484

CSS Usage

background-color: #468AFB;
color: #468AFB;
border-color: #468AFB;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#B9D3FE
300
#87B3FC
400
#468AFB
500
#0561FA
600
#044EC8
700
#033EA0
800
#03307D
900
#07265A
950
#041839

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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