#b4ccf4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #b4ccf4 | RGB(180, 204, 244) |
Created at 03/05/2023 12:12
RGB values are RGB(180, 204, 244)
#b4ccf4 color contains Red 70.59%, Green 80% and Blue 95.69%.
oklch(84.07% 0.062 260.61)
#b4ccf4 color contains Red 70.59%, Green 80% and Blue 95.69%.
oklch(84.07% 0.062 260.61)
Color Names of #b4ccf4 HEX code
≈ Spindle
Classification of #b4ccf4 color
#b4ccf4 is Light and Cool Color Saturation 74%, lightness 83%.
Tint of Light Steel Blue
Alternative colors of #b4ccf4
Opposite Color for #b4ccf4 is #f4dcb4
#b4ccf4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #b4ccf4
cmyk
CMYK(26%, 16%, 0%, 4%)
Decimal
11848948
HEX
#b4ccf4
HSL
hsl(218, 74%, 83%)
HSLA
hsla(218, 74%, 83%, 1)
RGB
RGB(180, 204, 244)
RGBA
RGBA(180, 204, 244, 1)
Palettes for #b4ccf4 color:
Below are examples of color palettes with the #b4ccf4 HEX color
darkest color is #121418 from shades and lightest color is #f8fafe from tints
Shades palette of #b4ccf4:
#a2b8dc
#90a3c3
#7e8fab
#6c7a92
#5a667a
#485262
#363d49
#242931
#121418
#000000
Tints palette of #b4ccf4:
#bcd1f5
#c3d6f6
#cbdbf7
#d2e0f8
#dae6fa
#e1ebfb
#e9f0fc
#f0f5fd
#f8fafe
#ffffff
Complementary palette of #b4ccf4:
#b4ccf4
#f4dcb4
Triadic palette of #b4ccf4:
#b4ccf4
#f4b4cc
#ccf4b4
Square palette of #b4ccf4:
#b4ccf4
#f4b4ec
#f4dcb4
#b4f4bc
Analogous palette of #b4ccf4:
#b4ecf4
#b4ccf4
#bcb4f4
Split-Complementary palette of #b4ccf4:
#b4ccf4
#f4bcb4
#ecf4b4
Rectangle (tetradic) palette of #b4ccf4:
#b4ccf4
#dcb4f4
#f4dcb4
#ccf4b4
Suggested color palettes for #b4ccf4 HEX:
Color palette with color #b4ccf4 #1:
Color palette with color #b4ccf4 #2:
Color palette with color #b4ccf4 #3:
Color palette with color #b4ccf4 #4:
Color palette with color #b4ccf4 #5:
Color #b4ccf4 used in palettes (9)
Design desiignal vector card hex colorsCountdown timer dailyui dailyuichallenge mobileApp ux ui design graphic colorsDesign pricing page website clean colors paletteWeb design daily 156139 paletteLogo branding hex colorsApp illustration web ux colorsLiveops engine gaming product design colors paletteLogo sticker ui website colours
Color Contrast
Color pairings of #b4ccf4 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#b4ccf4
#b4ccf4Contrast Ratio
1.62:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#b4ccf4
#b4ccf4Contrast Ratio
12.88:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #b4ccf4 color png
Visit the popular colors list for more colors