#168CE9

#168CE9

Color Values

HEX

#168CE9

RGB

22, 140, 233

HSL

206.4, 82.7%, 50.0%

HSV

206.4, 90.6%, 91.4%

CMYK

90.6%, 39.9%, 0.0%, 8.6%

OKLCH

0.6282 0.1688 249.6

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#168CE9

#E97316

Analogous

#16E9DC

#1623E9

#168CE9

Triadic

#168CE9

#E9168C

#8CE916

Split Complementary

#168CE9

#E91623

#E9DC16

Tetradic

#168CE9

#DC16E9

#E97316

#23E916

Color Blindness Simulation

Original

#168CE9

Protanopia

#494AD3

Deuteranopia

#4239CD

Tritanopia

#1CC1BD

Achromatopsia

#7A7A7A

CSS Usage

background-color: #168CE9;
color: #168CE9;
border-color: #168CE9;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F8FD
100
#E1EFFA
200
#BEDFF9
300
#8FC8F4
400
#53AAEF
500
#168CE9
600
#1270BA
700
#0E5A95
800
#0B4674
900
#0C3555
950
#082135

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

5.96:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026