#102EEF

#102EEF

Color Values

HEX

#102EEF

RGB

16, 46, 239

HSL

231.9, 87.5%, 50.0%

HSV

231.9, 93.3%, 93.7%

CMYK

93.3%, 80.8%, 0.0%, 6.3%

OKLCH

0.4626 0.2763 265.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#102EEF

#EFD110

Analogous

#109EEF

#6110EF

#102EEF

Triadic

#102EEF

#EF102E

#2EEF10

Split Complementary

#102EEF

#EF6110

#9EEF10

Tetradic

#102EEF

#EF109E

#EFD110

#10EF61

Color Blindness Simulation

Original

#102EEF

Protanopia

#1D1DC0

Deuteranopia

#1B19B5

Tritanopia

#129B93

Achromatopsia

#363636

CSS Usage

background-color: #102EEF;
color: #102EEF;
border-color: #102EEF;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F3FD
100
#E0E3FA
200
#BCC4FB
300
#8C9BF7
400
#4E64F3
500
#102EEF
600
#0D25BF
700
#0A1D99
800
#081778
900
#0A1557
950
#070D37

Contrast Checker

Text on white

7.9:1

AA Pass AAA Pass

Text on black

2.66:1

AA Fail 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