Created at 02/26/2023 14:15
#b4c8dc HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #b4c8dc | RGB(180, 200, 220) |
RGB values are RGB(180, 200, 220)
#b4c8dc color contain Red 70.59%, Green 78.43% and Blue 86.27%.
oklch(82.40% 0.0356 248.26)
#b4c8dc color contain 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
Classification of #b4c8dc color
#b4c8dc is Light and Cool Color Saturation 36%, lightness 78%.
Shade of lightsteelblue
Alternative colors of #b4c8dc
Opposite Color for #b4c8dc is #dbc7b3
#b4c8dc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #b4c8dc
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 examples of color palettes for #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:
#b3c7db
#dbc7b3
Triadic palette of #b4c8dc:
#b3c7db
#dbb3c7
#c7dbb3
Square palette of #b4c8dc:
#b3c7db
#dbb3db
#b3dbb3
#dbc7b3
Analogous palette of #b4c8dc:
#b3dbdb
#b3c7db
Split-Complementary palette of #b4c8dc:
#b3c7db
#b3dbdb
Rectangle (tetradic) palette of #b4c8dc:
#b3c7db
#dbb3db
#b3dbb3
#dbb3b3
Loading...
Color #b4c8dc used in palettes (24)
Dashboard template graph admin colors palette Popup ui design Real brand identity insurance agency colors Eminem - Recovery Playstation illustration metacritic garbage palette Design service interface website palette Nice welcome plus crew palette Dashboard ux chart admin template palette Illustration preschool character design cartoo palette Car service wash web design template colours Illustration travel digital river palette Animation flat cartoo preschool colours Seat selection airline flight booking travel palette Logo identity brand 3d chair colors palette Calendar concept social ios colors palette Sketch creative logo adobe illustrator mockup palette Walking design flat motion graphics colours Concept purchase taxi scooter hex colors Mobile apps uxui design applications uindesign Scene retro journey luggage palette Design woman shopping vector colors palette Isometric diorama render 3d colors palette Illustrator logo logotype colours Facebook social media network ux colors palette
Color Contrast
Color pairings #b4c8dc with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#b4c8dc
#b4c8dc Contrast Ratio
1.71:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#b4c8dc
#b4c8dc Contrast 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