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

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

Color Palette Contrast

28 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast 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