#100BBC

#100BBC

Color Values

HEX

#100BBC

RGB

16, 11, 188

HSL

241.7, 88.9%, 39.0%

HSV

241.7, 94.1%, 73.7%

CMYK

91.5%, 94.1%, 0.0%, 26.3%

OKLCH

0.3686 0.2427 266.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#100BBC

#B7BC0B

Analogous

#0B5EBC

#680BBC

#100BBC

Triadic

#100BBC

#BC100B

#0BBC10

Split Complementary

#100BBC

#BC680B

#5EBC0B

Tetradic

#100BBC

#BC0B5E

#B7BC0B

#0BBC68

Color Blindness Simulation

Original

#100BBC

Protanopia

#0E0E91

Deuteranopia

#0E0E87

Tritanopia

#106F68

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E0FB
200
#BDBCFB
300
#8E8BF8
400
#524DF5
500
#150EF1
600
#100BC1
700
#0D099A
800
#0A0778
900
#0C0A57
950
#080637

Contrast Checker

Text on white

11.69:1

AA Pass AAA Pass

Text on black

1.8:1

AA Fail AAA Fail

Related Articles

Tutorials

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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026