#b7bdd4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #b7bdd4 | RGB(183, 189, 212) |
Created at 03/04/2023 18:29
Classification of #b7bdd4 color
#b7bdd4 is Light and Cool Color Saturation 25%, lightness 77%.
Shade of lightsteelblue
RGB values are RGB(183, 189, 212)
#b7bdd4 color contains Red 71.76%, Green 74.12% and Blue 83.14%.
oklch(80.10% 0.0331 274.03)
#b7bdd4 color contains Red 71.76%, Green 74.12% and Blue 83.14%.
oklch(80.10% 0.0331 274.03)
Color Names of #b7bdd4 HEX code
≈ Lavender Gray
Alternative colors of #b7bdd4
Opposite Color for #b7bdd4 is #d4ceb7
#b7bdd4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #b7bdd4
Decimal
12041684
HEX
#b7bdd4
HSL
hsl(228, 25%, 77%)
HSLA
hsla(228, 25%, 77%, 1)
RGB
RGB(183, 189, 212)
RGBA
RGBA(183, 189, 212, 1)
Palettes for #b7bdd4 color:
Below examples of color palettes for #b7bdd4 HEX color
darkest color is #121315 from shades and lightest color is #f8f8fb from tints
Shades palette of #b7bdd4:
#a5aabf
#9297aa
#808494
#6e717f
#5c5f6a
#494c55
#373940
#25262a
#121315
#000000
Tints palette of #b7bdd4:
#bec4d8
#c5cadd
#cdd1e1
#d4d7e5
#dbdeea
#e2e5ee
#e9ebf2
#f1f2f6
#f8f8fb
#ffffff
Complementary palette of #b7bdd4:
#b7bdd4
#d4ceb7
Triadic palette of #b7bdd4:
#b7bdd4
#d4b7bd
#bdd4b7
Square palette of #b7bdd4:
#b7bdd4
#d4b7cc
#d4ceb7
#b7d4c0
Analogous palette of #b7bdd4:
#b7cbd4
#b7bdd4
#c0b7d4
Split-Complementary palette of #b7bdd4:
#b7bdd4
#d4c0b7
#ccd4b7
Rectangle (tetradic) palette of #b7bdd4:
#b7bdd4
#ceb7d4
#d4ceb7
#bdd4b7
Suggested color palettes for #b7bdd4 HEX:
Color palette with color #b7bdd4 #1:
Color palette with color #b7bdd4 #2:
Color palette with color #b7bdd4 #3:
Color palette with color #b7bdd4 #4:
Color palette with color #b7bdd4 #5:
Color #b7bdd4 used in palettes (2)
Color Contrast
Color pairings #b7bdd4 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#b7bdd4
#b7bdd4 Contrast Ratio
1.86:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#b7bdd4
#b7bdd4 Contrast Ratio
11.24:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #b7bdd4 color png
Visit the popular colors list for more colors