#b4bacc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #b4bacc | RGB(180, 186, 204) |
Created at 02/22/2023 01:59
RGB values are RGB(180, 186, 204)
#b4bacc color contains Red 70.59%, Green 72.94% and Blue 80%.
oklch(78.98% 0.0263 271.07)
#b4bacc color contains Red 70.59%, Green 72.94% and Blue 80%.
oklch(78.98% 0.0263 271.07)
Color Names of #b4bacc HEX code
≈ Casper
Classification of #b4bacc color
#b4bacc is Light and Cool Color Saturation 19%, lightness 75%.
Shade of Light Steel Blue
Alternative colors of #b4bacc
Opposite Color for #b4bacc is #ccc6b4
#b4bacc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #b4bacc
cmyk
CMYK(12%, 9%, 0%, 20%)
Decimal
11844300
HEX
#b4bacc
HSL
hsl(225, 19%, 75%)
HSLA
hsla(225, 19%, 75%, 1)
RGB
RGB(180, 186, 204)
RGBA
RGBA(180, 186, 204, 1)
Palettes for #b4bacc color:
Below are examples of color palettes with the #b4bacc HEX color
darkest color is #121314 from shades and lightest color is #f8f8fa from tints
Shades palette of #b4bacc:
#a2a7b8
#9095a3
#7e828f
#6c707a
#5a5d66
#484a52
#36383d
#242529
#121314
#000000
Tints palette of #b4bacc:
#bcc1d1
#c3c8d6
#cbcfdb
#d2d6e0
#dadde6
#e1e3eb
#e9eaf0
#f0f1f5
#f8f8fa
#ffffff
Complementary palette of #b4bacc:
#b4bacc
#ccc6b4
Triadic palette of #b4bacc:
#b4bacc
#ccb4ba
#baccb4
Square palette of #b4bacc:
#b4bacc
#ccb4c6
#ccc6b4
#b4ccba
Analogous palette of #b4bacc:
#b4c6cc
#b4bacc
#bab4cc
Split-Complementary palette of #b4bacc:
#b4bacc
#ccbab4
#c6ccb4
Rectangle (tetradic) palette of #b4bacc:
#b4bacc
#c6b4cc
#ccc6b4
#baccb4
Suggested color palettes for #b4bacc HEX:
Color palette with color #b4bacc #1:
Color palette with color #b4bacc #2:
Color palette with color #b4bacc #3:
Color palette with color #b4bacc #4:
Color palette with color #b4bacc #5:
Color #b4bacc used in palettes (6)
Identity design illustration brand guidelines branding colors paletteMug design branded collateral company branding corporate hex colorsFintech landing page website design web deisgn colorsDesign ux uxdesign webdesign colors paletteAnnouncement outline icon iconography cashAi software business layout hex colors
Color Contrast
Color pairings of #b4bacc with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#b4bacc
#b4baccContrast Ratio
1.93:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#b4bacc
#b4baccContrast Ratio
10.83:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #b4bacc color png
Visit the popular colors list for more colors