Bootstrap Secondary (Bootstrap Gray) Brand Color
| Color Name: | Bootstrap Secondary (Bootstrap Gray) |
| Hex Color Code: | #6C757D |
| RGB Color Code: | RGB(108, 117, 125) |
| CMYK Values*: | 13.6%, 6.4%, 0.0%, 51.0% |
Bootstrap framework includes several predefined colors. This page shows information about Bootstrap Secondary (Bootstrap Gray) color based on Bootstrap V5.
What color is Bootstrap Secondary (Bootstrap Gray)?
Bootstrap Secondary (Bootstrap Gray) color belongs to the Gray color family (hue). The hexadecimal color code(color number) for Bootstrap Secondary (Bootstrap Gray) is #6C757D, and the RGB color code is RGB(108, 117, 125).
In the RGB color model, Bootstrap Secondary (Bootstrap Gray) has a red value of 108, a green value of 117, and a blue value of 125. The CMYK color model (also known as process color, used in color printing) comprises 13.6% cyan, 6.4% magenta, 0.0% yellow, and 51.0% key (black). The HSL color scale has a hue of 208.2° (degrees), 7.3 % saturation, and 45.7 % lightness. In the HSB/HSV color space, Bootstrap Secondary (Bootstrap Gray) has a hue of 208.2° (degrees), 13.6 % saturation and 49.0 % brightness/value.
Bootstrap Secondary (Bootstrap Gray) is cool or warm?
The color Bootstrap Secondary (Bootstrap Gray) is a cool color.
What is the LRV of Bootstrap Secondary (Bootstrap Gray)? (For interior and product design)
Bootstrap Secondary (Bootstrap Gray) has an LRV of nearly 17. 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 Secondary (Bootstrap Gray)
Light Color
Compare LRV 17 of Bootstrap Secondary (Bootstrap Gray) with dark and light Color
Is Bootstrap Secondary (Bootstrap Gray) Readable? WCAG Contrast Checker (For digital design)
Check if the color Bootstrap Secondary (Bootstrap Gray) 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 Secondary (Bootstrap Gray) (Other - Brand) color codes / color number / color space conversions - HEX, RGBA, CMYK, HSL, HSV/HSB, HYZ, CMY, HWB, RYB
RGBA / RGB
RGB(108, 117, 125)
Red
108 (42.4%)
Green
117 (45.9%)
Blue
125 (49.0%)
Alpha
1 (100.0%)
CMYK
Cyan
13.60%
Magenta
6.40%
Yellow
0.00%
Key
50.98%
HSL
HSL(208.24deg, 7.3 %, 45.7 %)
Hue
208.24°
Saturation
7.30 %.
Lightness
45.69 %.
RYB
RYB(79, 102, 117)
Red
79 (31.1%)
Yellow
102 (40.0%)
Blue
117 (45.7%)
HSV/HSB
Hue
208.24°
Saturation
13.60 %.
Brightness / Value
49.02 %.
HWB
H: 208.24°
W: 42.35 %
B: 50.98 %
XYZ
X : 16.25
Y : 17.39
Z : 21.9
YXY
Y1 : 17.39
X : 0.29
Y2 : 0.31
CMY
C : 57.65%
M : 54.12%
Y : 50.98%
LRV
~ 17.4 %
Munsell Color System
5.4B 4.7/1.2
CIE-Lab
L : 48.75
A : -1.6
B : -5.55
CIE-Lch
L : 48.75
C : 5.77
H : 253.91
CIE-Luv
L : 48.75
U : -5.24
V : -7.46
Hunter-Lab
L : 41.7
A : -3.44
B : -1.95
Similar Colors and Paints
Named colors similar to Bootstrap Secondary (Bootstrap Gray) (Other - Brand)
Here are the colors similar to Bootstrap Secondary (Bootstrap Gray) (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
RAL Design
Bootstrap Secondary (Bootstrap Gray) similar/equivalent colors from RAL Design. Conversion of Bootstrap Secondary (Bootstrap Gray) to RAL Design
Pantone PMS
Bootstrap Secondary (Bootstrap Gray) similar/equivalent colors from Pantone PMS. Conversion of Bootstrap Secondary (Bootstrap Gray) to Pantone PMS
British Standard 4800
Bootstrap Secondary (Bootstrap Gray) similar/equivalent colors from British Standard 4800. Conversion of Bootstrap Secondary (Bootstrap Gray) to British Standard 4800
Pantone TCX
Bootstrap Secondary (Bootstrap Gray) similar/equivalent colors from Pantone TCX. Conversion of Bootstrap Secondary (Bootstrap Gray) to Pantone TCX
RAL Classic
Bootstrap Secondary (Bootstrap Gray) similar/equivalent colors from RAL Classic. Conversion of Bootstrap Secondary (Bootstrap Gray) to RAL Classic
Paint similar to Bootstrap Secondary (Bootstrap Gray) (Other - Brand)
Here are the best recommended paint colors similar to Bootstrap Secondary (Bootstrap Gray) (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.
Dunn-Edwards
Bootstrap Secondary (Bootstrap Gray) similar/equivalent paint from Dunn-Edwards. Conversion of Bootstrap Secondary (Bootstrap Gray) to Dunn-Edwards
PPG Paints
Bootstrap Secondary (Bootstrap Gray) similar/equivalent paint from PPG Paints. Conversion of Bootstrap Secondary (Bootstrap Gray) to PPG Paints
Benjamin Moore
Bootstrap Secondary (Bootstrap Gray) similar/equivalent paint from Benjamin Moore. Conversion of Bootstrap Secondary (Bootstrap Gray) to Benjamin Moore
Valspar
Bootstrap Secondary (Bootstrap Gray) similar/equivalent paint from Valspar. Conversion of Bootstrap Secondary (Bootstrap Gray) to Valspar
Behr
Bootstrap Secondary (Bootstrap Gray) similar/equivalent paint from Behr. Conversion of Bootstrap Secondary (Bootstrap Gray) to Behr
Sherwin Williams
Bootstrap Secondary (Bootstrap Gray) similar/equivalent paint from Sherwin Williams. Conversion of Bootstrap Secondary (Bootstrap Gray) to Sherwin Williams
Color Combinations
View more Bootstrap Secondary (Bootstrap Gray) - #6C757D color palettes and coordinating colors
25282B
3D4246
545B62
6C757D
868E96
A1A8AE
BCC1C6
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.
6C7D74
6C7D7C
6C757D
6C6D7D
746C7D
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.
6C757D
7D6C75
757D6C
Triadic Color Palette
The triadic color palette has three colors separated by 120° in the RGB color wheel
6C757D
7D6C7D
7D746C
6C7D6C
Tetradic Color Palette
The tetradic colour scheme composed of two sets of complementary colors in a rectangular shape on the color wheel.
6C757D
7A828A
899097
989EA4
A6ACB1
B5BABE
C4C7CB
D2D5D8
E1E3E5
F0F1F2
FFFFFF
6C757D
616970
565D64
4B5157
40464B
363A3E
2B2E32
202325
151719
0A0B0C
000000
Complementary / Opposite Color
6C757D
Bootstrap Secondary (Bootstrap Gray)
7D746C
Nickel*
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 Secondary (Bootstrap Gray) - #6C757D?
Color that best contrast with Bootstrap Secondary (Bootstrap Gray) - #6C757D is #7D746C,
color name is Nickel*
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 Secondary (Bootstrap Gray) - #6C757D?
Complementary or Opposite color for Bootstrap Secondary (Bootstrap Gray) - #6C757D is #7D746C,
color name is Nickel*.
Example Color Images and Mockup
Mobile app mockup example for Bootstrap Secondary (Bootstrap Gray) - #6C757D color
T-Shirt mockup example for Bootstrap Secondary (Bootstrap Gray) - #6C757D color
Chart visualization example with Bootstrap Secondary (Bootstrap Gray) - #6C757D color
Bootstrap Secondary (Bootstrap Gray) - #6C757D Color Images and Patterns
