#100FD8

#100FD8

Color Values

HEX

#100FD8

RGB

16, 15, 216

HSL

240.3, 87.0%, 45.3%

HSV

240.3, 93.1%, 84.7%

CMYK

92.6%, 93.1%, 0.0%, 15.3%

OKLCH

0.4081 0.2698 265.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#100FD8

#D7D80F

Analogous

#0F73D8

#750FD8

#100FD8

Triadic

#100FD8

#D8100F

#0FD810

Split Complementary

#100FD8

#D8750F

#73D80F

Tetradic

#100FD8

#D80F73

#D7D80F

#0FD875

Color Blindness Simulation

Original

#100FD8

Protanopia

#1010A7

Deuteranopia

#10109C

Tritanopia

#108179

Achromatopsia

#1E1E1E

CSS Usage

background-color: #100FD8;
color: #100FD8;
border-color: #100FD8;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F2FD
100
#E0E0FA
200
#BDBCFA
300
#8D8DF7
400
#4F4FF3
500
#1211EE
600
#0E0DBF
700
#0B0B99
800
#090877
900
#0B0B56
950
#070737

Contrast Checker

Text on white

10.09:1

AA Pass AAA Pass

Text on black

2.08:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026