#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 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 of #b4c8dc with black and white for small text, large text and graphics, based on the WCAG 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