#468CDA

#468CDA

Color Values

HEX

#468CDA

RGB

70, 140, 218

HSL

211.6, 66.7%, 56.5%

HSV

211.6, 67.9%, 85.5%

CMYK

67.9%, 35.8%, 0.0%, 14.5%

OKLCH

0.6311 0.1376 253.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#468CDA

#DA9446

Analogous

#46D6DA

#4A46DA

#468CDA

Triadic

#468CDA

#DA468C

#8CDA46

Split Complementary

#468CDA

#DA4A46

#D6DA46

Tetradic

#468CDA

#DA46D6

#DA9446

#46DA4A

Color Blindness Simulation

Original

#468CDA

Protanopia

#6465C7

Deuteranopia

#605BC3

Tritanopia

#4AB8B5

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C3DAF3
300
#99C0EB
400
#629DE0
500
#2A7BD5
600
#2262AA
700
#1B4F88
800
#153D6A
900
#132F4E
950
#0C1E31

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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