#b4ccf4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #b4ccf4 | RGB(180, 204, 244) |
Created at 03/05/2023 12:12
Classification of #b4ccf4 color
#b4ccf4 is Light and Cool Color Saturation 74%, lightness 83%.
Tint of Light Steel Blue
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
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 examples of color palettes for #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 colors Countdown timer dailyui dailyuichallenge mobile App ux ui design graphic colors Design pricing page website clean colors palette Web design daily 156139 palette Logo branding hex colors App illustration web ux colors Liveops engine gaming product design colors palette Logo sticker ui website colours
Color Contrast
Color pairings #b4ccf4 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#b4ccf4
#b4ccf4 Contrast Ratio
1.62:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#b4ccf4
#b4ccf4 Contrast 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