#108DEF

#108DEF

Color Values

HEX

#108DEF

RGB

16, 141, 239

HSL

206,4, 87,5%, 50,0%

HSV

206,4, 93,3%, 93,7%

CMYK

93,3%, 41,0%, 0,0%, 6,3%

OKLCH

0,6335 0,1757 250,2

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#108DEF

#EF7210

Analogous

#10EFE2

#101DEF

#108DEF

Triadic

#108DEF

#EF108D

#8DEF10

Split Complementary

#108DEF

#EF101D

#EFE210

Tetradic

#108DEF

#E210EF

#EF7210

#1DEF10

Color Blindness Simulation

Original

#108DEF

Protanopia

#4647D7

Deuteranopia

#3F36D2

Tritanopia

#16C5C0

Achromatopsia

#7A7A7A

CSS Usage

background-color: #108DEF;
color: #108DEF;
border-color: #108DEF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F8FD
100
#E0EFFA
200
#BCDFFB
300
#8CC8F7
400
#4EABF3
500
#108DEF
600
#0D71BF
700
#0A5A99
800
#084678
900
#0A3557
950
#072137

Contrast Checker

Text on white

3,45:1

AA Fail AAA Fail

Text on black

6,08:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026