#468ADC

#468ADC

Color Values

HEX

#468ADC

RGB

70, 138, 220

HSL

212.8, 68.2%, 56.9%

HSV

212.8, 68.2%, 86.3%

CMYK

68.2%, 37.3%, 0.0%, 13.7%

OKLCH

0.6278 0.1422 254.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#468ADC

#DC9846

Analogous

#46D5DC

#4D46DC

#468ADC

Triadic

#468ADC

#DC468A

#8ADC46

Split Complementary

#468ADC

#DC4D46

#D5DC46

Tetradic

#468ADC

#DC46D5

#DC9846

#46DC4D

Color Blindness Simulation

Original

#468ADC

Protanopia

#6364C8

Deuteranopia

#605AC3

Tritanopia

#49B8B5

Achromatopsia

#818181

CSS Usage

background-color: #468ADC;
color: #468ADC;
border-color: #468ADC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C3D9F4
300
#98BEEC
400
#609BE1
500
#2977D6
600
#2060AC
700
#1A4C89
800
#143C6B
900
#132E4E
950
#0C1D31

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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