SI Design System

Color Palette

Blue, Black and grey: these are the primary Security Infusion colours for the tool interface. The order is immaterial because there is no hierarchy here. What matters is that the colours support the message you want to convey and the overall layout is not too colourful.

White


RGB: 255/255/255

HEX: #ffffff

CMYK: 0/0/0/0

HSL: 0/0/100

Dark Blue


RGB: 17/40/49

HEX: #112831

CMYK: 13/4/0/81

HSL: 197/48/13

Light Grey


RGB: 245/248/250

HEX: #f5f8fa

CMYK: 2/1/0/2

HSL: 204/33/97


The colors in our palette communicate the reliability of our product and the authenticity of our team’s values. They enhance the user experience, from the way customers engage with our product to the connections we forge through our content.


Secondary and Web Interface colors

Black


RGB: 0/0/0

HEX: #FF4040

CMYK: 0/0/0/100

HSL: 0/0/0

Petrol


RGB: 245/248/250

HEX: #33b0b5

CMYK: 2/1/0/2

HSL: 204/33/97

Light Blue


RGB: 221/232/236

HEX: #dde8ec

CMYK: 6/2/0/7

HSL: 196/0.28/0.9


Alerts and Notifications

Critical


RGB: 255/64/64

HEX: #FF4040

CMYK: 0/75/75/0

HSL: 0/1/0.63

Warning


RGB: 255/188/64

HEX: #ffbc40

CMYK: 0/26/75/0

HSL: 38.95/1/0.63

Success


RGB: 64/160/64

HEX: #40a040

CMYK: 38/0/38/37

HSL: 120/0.43/0.44


Logo Colors

Security Infusion


RGB: 255/255/255

HEX: #ffffff

CMYK: 0/0/0/0

HSL: 0/0/100

Security


RGB: 17/84/113

HEX: #115471

CMYK: 38/11/0/56

HSL: 198.13/0.74/0.25

Infusion


RGB: 245/248/250

HEX: #33b0b5

CMYK: 2/1/0/2

HSL: 204/33/97


Gradient

From:


RGB: 49/175/180

HEX: #31afb4

CMYK: 51/2/0/29

HSL: 82.29/0.57/0.45

To:


RGB: 17/85/113

HEX: ##115571

CMYK: 38/11/0/56

HSL: 197.5/0.74/0.25