Created at 02/19/2023 07:03
#b4bcd2 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #b4bcd2 | RGB(180, 188, 210) |
RGB values are RGB(180, 188, 210)
#b4bcd2 color contain Red 70.59%, Green 73.73% and Blue 82.35%.
oklch(79.60% 0.0324 269.74)
#b4bcd2 color contain Red 70.59%, Green 73.73% and Blue 82.35%.
oklch(79.60% 0.0324 269.74)
Color Names of #b4bcd2 HEX code
Pastel Blue Color
Classification of #b4bcd2 color
#b4bcd2 is Light and Cool Color Saturation 25%, lightness 76%.
Tint of lightsteelblue
Alternative colors of #b4bcd2
Opposite Color for #b4bcd2 is #d1c9b3
#b4bcd2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #b4bcd2
Decimal
11844818
HEX
#b4bcd2
HSL
hsl(224, 25%, 76%)
HSLA
hsla(224, 25%, 76%, 1)
RGB
RGB(180, 188, 210)
RGBA
RGBA(180, 188, 210, 1)
Palettes for #b4bcd2 color:
Below examples of color palettes for #b4bcd2 HEX color
darkest color is #121315 from shades and lightest color is #f8f8fb from tints
Shades palette of #b4bcd2:
#a2a9bd
#9096a8
#7e8493
#6c717e
#5a5e69
#484b54
#36383f
#24262a
#121315
#000000
Tints palette of #b4bcd2:
#bcc3d7
#c3c9db
#cbd0e0
#d2d7e4
#dadee9
#e1e4ed
#e9ebf2
#f0f2f6
#f8f8fb
#ffffff
Complementary palette of #b4bcd2:
#b3bbd1
#d1c9b3
Triadic palette of #b4bcd2:
#b3bbd1
#d1b3bb
#bbd1b3
Square palette of #b4bcd2:
#b3bbd1
#d1b3ca
#b3d1ba
#d1c9b3
Analogous palette of #b4bcd2:
#b3cad1
#b3bbd1
Split-Complementary palette of #b4bcd2:
#b3bbd1
#b3cad1
Rectangle (tetradic) palette of #b4bcd2:
#b3bbd1
#d1b3ca
#b3d1ba
#d1bab3
Loading...
Color #b4bcd2 used in palettes (8)
Ramotion micromobility san francisco application colors Spot plants housing property palette Casual packaging fashion groovy hex colors User experience cards sql results colors palette Uxinspiration design branding uidesigner colors palette Tree christmas character colors Tech graphic design illustration people palette Graphic design 2d sketch tech colours
Color Contrast
Color pairings #b4bcd2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#b4bcd2
#b4bcd2 Contrast Ratio
1.89:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#b4bcd2
#b4bcd2 Contrast Ratio
11.06:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #b4bcd2 color png
Visit the popular colors list for more colors