#b4c8dc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #b4c8dc | RGB(180, 200, 220) |
Created at 02/26/2023 14:15
RGB values are RGB(180, 200, 220)
#b4c8dc color contains Red 70.59%, Green 78.43% and Blue 86.27%.
oklch(82.40% 0.0356 248.26)
#b4c8dc color contains Red 70.59%, Green 78.43% and Blue 86.27%.
oklch(82.40% 0.0356 248.26)
Color Names of #b4c8dc HEX code
Blue Ballerina, Light Steel Blue Color
≈ Jungle Mist
Classification of #b4c8dc color
#b4c8dc is Light and Cool Color Saturation 36%, lightness 78%.
Tint of Light Steel Blue
Alternative colors of #b4c8dc
Opposite Color for #b4c8dc is #dcc8b4
#b4c8dc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #b4c8dc
cmyk
CMYK(18%, 9%, 0%, 14%)
Decimal
11847900
HEX
#b4c8dc
HSL
hsl(210, 36%, 78%)
HSLA
hsla(210, 36%, 78%, 1)
RGB
RGB(180, 200, 220)
RGBA
RGBA(180, 200, 220, 1)
Palettes for #b4c8dc color:
Below are examples of color palettes with the #b4c8dc HEX color
darkest color is #121416 from shades and lightest color is #f8fafc from tints
Shades palette of #b4c8dc:
#a2b4c6
#90a0b0
#7e8c9a
#6c7884
#5a646e
#485058
#363c42
#24282c
#121416
#000000
Tints palette of #b4c8dc:
#bccee0
#c3d3e3
#cbd9e7
#d2deea
#dae4ee
#e1e9f1
#e9eff5
#f0f4f8
#f8fafc
#ffffff
Complementary palette of #b4c8dc:
#b4c8dc
#dcc8b4
Triadic palette of #b4c8dc:
#b4c8dc
#dcb4c8
#c8dcb4
Square palette of #b4c8dc:
#b4c8dc
#dcb4dc
#dcc8b4
#b4dcb4
Analogous palette of #b4c8dc:
#b4dcdc
#b4c8dc
#b4b4dc
Split-Complementary palette of #b4c8dc:
#b4c8dc
#dcb4b4
#dcdcb4
Rectangle (tetradic) palette of #b4c8dc:
#b4c8dc
#c8b4dc
#dcc8b4
#c8dcb4
Suggested color palettes for #b4c8dc HEX:
Color palette with color #b4c8dc #1:
Color palette with color #b4c8dc #2:
Color palette with color #b4c8dc #3:
Color palette with color #b4c8dc #4:
Color palette with color #b4c8dc #5:
Color #b4c8dc used in palettes (24)
Dashboard template graph admin colors palettePopup ui designReal brand identity insurance agency colorsEminem - RecoveryPlaystation illustration metacritic garbage paletteDesign service interface website paletteNice welcome plus crew paletteDashboard ux chart admin template paletteIllustration preschool character design cartoo paletteCar service wash web design template coloursIllustration travel digital river paletteAnimation flat cartoo preschool coloursSeat selection airline flight booking travel paletteLogo identity brand 3d chair colors paletteCalendar concept social ios colors paletteSketch creative logo adobe illustrator mockup paletteWalking design flat motion graphics coloursConcept purchase taxi scooter hex colorsMobile apps uxui design applications uindesignScene retro journey luggage paletteDesign woman shopping vector colors paletteIsometric diorama render 3d colors paletteIllustrator logo logotype coloursFacebook social media network ux colors palette
Color Contrast
Color pairings of #b4c8dc with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#b4c8dc
#b4c8dcContrast Ratio
1.71:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#b4c8dc
#b4c8dcContrast Ratio
12.23:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #b4c8dc color png
Visit the popular colors list for more colors