#b2baf5 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #b2baf5 | RGB(178, 186, 245) |
Created at 01/22/2024 21:15
RGB values are RGB(178, 186, 245)
#b2baf5 color contains Red 69.8%, Green 72.94% and Blue 96.08%.
oklch(80.35% 0.0839 278.33)
#b2baf5 color contains Red 69.8%, Green 72.94% and Blue 96.08%.
oklch(80.35% 0.0839 278.33)
Color Names of #b2baf5 HEX code
≈ Perano
Classification of #b2baf5 color
#b2baf5 is Light and Cool Color Saturation 77%, lightness 83%.
Shade of Light Steel Blue
Alternative colors of #b2baf5
Opposite Color for #b2baf5 is #f5edb2
#b2baf5 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #b2baf5
cmyk
CMYK(27%, 24%, 0%, 4%)
Decimal
11713269
HEX
#b2baf5
HSL
hsl(233, 77%, 83%)
HSLA
hsla(233, 77%, 83%, 1)
RGB
RGB(178, 186, 245)
RGBA
RGBA(178, 186, 245, 1)
Palettes for #b2baf5 color:
Below are examples of color palettes with the #b2baf5 HEX color
darkest color is #121318 from shades and lightest color is #f7f8fe from tints
Shades palette of #b2baf5:
#a0a7dd
#8e95c4
#7d82ac
#6b7093
#595d7b
#474a62
#35384a
#242531
#121318
#000000
Tints palette of #b2baf5:
#bac1f6
#c1c8f7
#c9cff8
#d1d6f9
#d9ddfa
#e0e3fb
#e8eafc
#f0f1fd
#f7f8fe
#ffffff
Complementary palette of #b2baf5:
#b2baf5
#f5edb2
Triadic palette of #b2baf5:
#b2baf5
#f5b2ba
#baf5b2
Square palette of #b2baf5:
#b2baf5
#f5b2dc
#f5edb2
#b2f5cb
Analogous palette of #b2baf5:
#b2dcf5
#b2baf5
#cbb2f5
Split-Complementary palette of #b2baf5:
#b2baf5
#f5cbb2
#dcf5b2
Rectangle (tetradic) palette of #b2baf5:
#b2baf5
#edb2f5
#f5edb2
#baf5b2
Suggested color palettes for #b2baf5 HEX:
Color palette with color #b2baf5 #1:
Color palette with color #b2baf5 #2:
Color palette with color #b2baf5 #3:
Color palette with color #b2baf5 #4:
Color palette with color #b2baf5 #5:
Color Contrast
Color pairings of #b2baf5 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#b2baf5
#b2baf5Contrast Ratio
1.86:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#b2baf5
#b2baf5Contrast Ratio
11.23:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #b2baf5 color png
Visit the popular colors list for more colors