Bootstrap Primary (Bootstrap Blue) Brand Color
| Color Name: | Bootstrap Primary (Bootstrap Blue) |
| Hex Color Code: | #0D6EFD |
| RGB Color Code: | RGB(13, 110, 253) |
| CMYK Values*: | 94.9%, 56.5%, 0.0%, 0.8% |
Bootstrap framework includes several predefined colors. This page shows information about Bootstrap Primary (Bootstrap Blue) color based on Bootstrap V5.
What color is Bootstrap Primary (Bootstrap Blue)?
Bootstrap Primary (Bootstrap Blue) color belongs to the Blue color family (hue). The hexadecimal color code(color number) for Bootstrap Primary (Bootstrap Blue) is #0D6EFD, and the RGB color code is RGB(13, 110, 253).
In the RGB color model, Bootstrap Primary (Bootstrap Blue) has a red value of 13, a green value of 110, and a blue value of 253. The CMYK color model (also known as process color, used in color printing) comprises 94.9% cyan, 56.5% magenta, 0.0% yellow, and 0.8% key (black). The HSL color scale has a hue of 215.8° (degrees), 98.4 % saturation, and 52.2 % lightness. In the HSB/HSV color space, Bootstrap Primary (Bootstrap Blue) has a hue of 215.8° (degrees), 94.9 % saturation and 99.2 % brightness/value.
Bootstrap Primary (Bootstrap Blue) is cool or warm?
The color Bootstrap Primary (Bootstrap Blue) is a cool color.
What is the LRV of Bootstrap Primary (Bootstrap Blue)? (For interior and product design)
Bootstrap Primary (Bootstrap Blue) has an LRV of nearly 18. By LRV value, it is a medium dark color.
Light Reflectance Value (LRV) is a measure of how much visible light is reflected off a surface. It is a number on a scale of 0 to 100, with 0 being pure black and 100 being pure white. The higher the LRV, the more light the color reflects and the lighter it will appear.
Dark Color
Bootstrap Primary (Bootstrap Blue)
Light Color
Compare LRV 18 of Bootstrap Primary (Bootstrap Blue) with dark and light Color
Is Bootstrap Primary (Bootstrap Blue) Readable? WCAG Contrast Checker (For digital design)
Check if the color Bootstrap Primary (Bootstrap Blue) meets Web Content Accessibility Guidelines (WCAG) standards, minimum contrast ratio standards between text and background colors. The WCAG (Web Content Accessibility Guidelines) provides global standards for readable web content.
WCAG Recommendations - Large Text: above 18pt or 14pt bold. Normal Text: below 18pt or 14pt bold.
- Minimum contrast ratio (AA): 4.5 for normal text and 3 for large text.
- Enhanced contrast ratio (AAA): 7 for normal text and 4.5 for large text.
Change Background Color:
Normal text - 14pt
Normal Bold text - 12pt
Large text - 18pt
Large Bold text - 14pt
Color Codes - Color Space Conversions
Bootstrap Primary (Bootstrap Blue) (Other - Brand) color codes / color number / color space conversions - HEX, RGBA, CMYK, HSL, HSV/HSB, HYZ, CMY, HWB, RYB
RGBA / RGB
RGB(13, 110, 253)
Red
13 (5.1%)
Green
110 (43.1%)
Blue
253 (99.2%)
Alpha
1 (100.0%)
CMYK
Cyan
94.86%
Magenta
56.52%
Yellow
0.00%
Key
0.78%
HSL
HSL(215.75deg, 98.4 %, 52.2 %)
Hue
215.75°
Saturation
98.36 %.
Lightness
52.16 %.
RYB
RYB(3, 7, 163)
Red
3 (1.3%)
Yellow
7 (2.9%)
Blue
163 (64.0%)
HSV/HSB
Hue
215.75°
Saturation
94.86 %.
Brightness / Value
99.22 %.
HWB
H: 215.75°
W: 5.10 %
B: 0.78 %
XYZ
X : 23.47
Y : 18.33
Z : 95.23
YXY
Y1 : 18.33
X : 0.17
Y2 : 0.13
CMY
C : 94.90%
M : 56.86%
Y : 0.78%
LRV
~ 18.3 %
Munsell Color System
6.2PB 4.8/17.7
CIE-Lab
L : 49.89
A : 29.67
B : -77.66
CIE-Lch
L : 49.89
C : 83.13
H : 290.91
CIE-Luv
L : 49.89
U : -24.07
V : -120.58
Hunter-Lab
L : 42.81
A : 22.94
B : -101.91
Similar Colors and Paints
Named colors similar to Bootstrap Primary (Bootstrap Blue) (Other - Brand)
Here are the colors similar to Bootstrap Primary (Bootstrap Blue) (Other - Brand). Delta E (ΔE) is the measure of the difference between two colors. Delta E is measured on a scale from 0 to 100, where 0 means exact match, and 100 is the highest difference.
Similar colors from Pantone, RAL, and other color matching system
Pantone PMS
Bootstrap Primary (Bootstrap Blue) similar/equivalent colors from Pantone PMS. Conversion of Bootstrap Primary (Bootstrap Blue) to Pantone PMS
RAL Design
Bootstrap Primary (Bootstrap Blue) similar/equivalent colors from RAL Design. Conversion of Bootstrap Primary (Bootstrap Blue) to RAL Design
Pantone TCX
Bootstrap Primary (Bootstrap Blue) similar/equivalent colors from Pantone TCX. Conversion of Bootstrap Primary (Bootstrap Blue) to Pantone TCX
Similar colors from Brand, Business, School, Organization, Sports, Flag
Paint similar to Bootstrap Primary (Bootstrap Blue) (Other - Brand)
Here are the best recommended paint colors similar to Bootstrap Primary (Bootstrap Blue) (Other - Brand). Delta E (ΔE) is the measure of the difference between two colors. Delta E is measured on a scale from 0 to 100, where 0 means exact match, and 100 is the highest difference.
PPG Paints
Bootstrap Primary (Bootstrap Blue) similar/equivalent paint from PPG Paints. Conversion of Bootstrap Primary (Bootstrap Blue) to PPG Paints
Dunn-Edwards
Bootstrap Primary (Bootstrap Blue) similar/equivalent paint from Dunn-Edwards. Conversion of Bootstrap Primary (Bootstrap Blue) to Dunn-Edwards
Behr
Bootstrap Primary (Bootstrap Blue) similar/equivalent paint from Behr. Conversion of Bootstrap Primary (Bootstrap Blue) to Behr
Benjamin Moore
Bootstrap Primary (Bootstrap Blue) similar/equivalent paint from Benjamin Moore. Conversion of Bootstrap Primary (Bootstrap Blue) to Benjamin Moore
Valspar
Bootstrap Primary (Bootstrap Blue) similar/equivalent paint from Valspar. Conversion of Bootstrap Primary (Bootstrap Blue) to Valspar
Sherwin Williams
Bootstrap Primary (Bootstrap Blue) similar/equivalent paint from Sherwin Williams. Conversion of Bootstrap Primary (Bootstrap Blue) to Sherwin Williams
Color Combinations
View more Bootstrap Primary (Bootstrap Blue) - #0D6EFD color palettes and coordinating colors
012E70
0143A3
0257D5
0D6EFD
408CFD
72ABFE
A5C9FE
Monochromatic Color Palette
Monochromatic colors belong to the same hue angle but different tints and shades. Monochromatic color palette can be generated by keeping the exact hue of the base color and then changing the saturation and lightness.
0DFD9C
0DE6FD
0D6EFD
240DFD
9C0DFD
Analogous Color Palette
Analogous colors are a group of colors adjacent to each other on a color wheel. Group of these adjacent colors forms Analogous color scheme Palette. Analogous Palette can be generated by increasing or decreasing the hue value by 30 points.
0D6EFD
FD0D6E
6EFD0D
Triadic Color Palette
The triadic color palette has three colors separated by 120° in the RGB color wheel
0D6EFD
FD0DE6
FD9C0D
0DFD24
Tetradic Color Palette
The tetradic colour scheme composed of two sets of complementary colors in a rectangular shape on the color wheel.
0D6EFD
257CFD
3D8BFD
5599FD
6DA8FD
86B6FE
9EC5FE
B6D3FE
CEE2FE
E6F0FE
FFFFFF
0D6EFD
0B63E3
0A58CA
094DB1
074297
06377E
052C65
03214B
021632
010B19
000000
Complementary / Opposite Color
0D6EFD
Bootstrap Primary (Bootstrap Blue)
FD9C0D
Orange Peel*
Complementary / Opposite Color
Complementary colors are pairs of colors which, when combined or mixed, cancel each other out (lose hue) by producing a grayscale color like white or black. When placed next to each other, they create the strongest contrast for those two colors. Complementary colors also called opposite colors. Complementary color schemes are created using two opposite colors on the color wheel. The examples are red–cyan, green–magenta, and blue–yellow.
What is the contrasting color of Bootstrap Primary (Bootstrap Blue) - #0D6EFD?
Color that best contrast with Bootstrap Primary (Bootstrap Blue) - #0D6EFD is #FD9C0D,
color name is Orange Peel*
Contrast indicates a strong difference in color. Contrasting color can be found several ways,
Complimentary contrast is one of them. Complementary contrast colors are opposite each other on the color wheel.
What color compliments Bootstrap Primary (Bootstrap Blue) - #0D6EFD?
Complementary or Opposite color for Bootstrap Primary (Bootstrap Blue) - #0D6EFD is #FD9C0D,
color name is Orange Peel*.
Example Color Images and Mockup
Mobile app mockup example for Bootstrap Primary (Bootstrap Blue) - #0D6EFD color
T-Shirt mockup example for Bootstrap Primary (Bootstrap Blue) - #0D6EFD color
Chart visualization example with Bootstrap Primary (Bootstrap Blue) - #0D6EFD color
Bootstrap Primary (Bootstrap Blue) - #0D6EFD Color Images and Patterns
