Generate Palette
  1. Color Palettes
  2. Bootstrap 4 primary blue tints

Bootstrap 4 primary blue tints

  • #0269c2
  • #025ead
  • #015297
  • #014682
  • #013b6c
  • #012f56
  • #012341
  • #00172b
  • #000c16
  • #000000
  0.52k
Created at 09/13/2021 14:55
bycolorswall
The palette consists of Semi dark, Dark colors. Accent colors #00172b and Black #000000. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #000000 (darkest) to #0269C2 (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma) — 90% of colors are vivid.

An analogous palette: its hues sit close together on the color wheel, within about 1°.

Overall temperature among swatches leans cool (8 of 10).

HEX codes (sorted): #000000, #000C16, #00172B, #012341, #012F56, #013B6C, #014682, #015297, #025EAD, #0269C2

Palette Bootstrap 4 primary blue tints combines 10 color codes:
HEX: #0269c2, RGB: (2, 105, 194); HEX: #025ead, RGB: (2, 94, 173); HEX: #015297, RGB: (1, 82, 151)
HEX: #014682, RGB: (1, 70, 130); HEX: #013b6c, RGB: (1, 59, 108); HEX: #012f56, RGB: (1, 47, 86)
HEX: #012341, RGB: (1, 35, 65); HEX: #00172b, RGB: (0, 23, 43); HEX: #000c16, RGB: (0, 12, 22)
HEX: #000000, RGB: (0, 0, 0)
Simplified version of palette colors
Shade of Royal Blue, Shade of Royal Blue, Shade of Royal Blue, Shade of Dark Slate Blue, Shade of Dark Slate Blue, Tint of Midnight Blue, Shade of Midnight Blue, Tint of Black, Tint of Black, Black
Color scheme was created by colorswall

Color codes in palette

Bootstrap 4 primary blue tints color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#0269c2#0269c2RGB(2, 105, 194)——
#025ead#025eadRGB(2, 94, 173)——
#015297#015297RGB(1, 82, 151)——
#014682#014682RGB(1, 70, 130)——
#013b6c#013b6cRGB(1, 59, 108)——
#012f56#012f56RGB(1, 47, 86)——
#012341#012341RGB(1, 35, 65)——
#00172b#00172bRGB(0, 23, 43)——
#000c16#000c16RGB(0, 12, 22)——
#000000#000000RGB(0, 0, 0)—Black

Color Palette Contrast

28 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#0269c2
#025ead
1.18
#0269c2
#015297
1.43
#0269c2
#014682
1.72
#025ead
#015297
1.2
#025ead
#014682
1.45
#025ead
#013b6c
1.73

Image palette Bootstrap 4 primary blue tints png

Bootstrap 4 primary blue tints color palette: #0269c2, #025ead, #015297, #014682, #013b6c, #012f56, #012341, #00172b, #000c16
 Download image