#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

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