#b2dfdb HEX color information
| Color | HEX | RGB |
|---|---|---|
| #b2dfdb | RGB(178, 223, 219) |
Created at 02/19/2023 17:08
Classification of #b2dfdb color
#b2dfdb is Light and Cool Color Saturation 41%, lightness 79%.
Shade of powderblue
RGB values are RGB(178, 223, 219)
#b2dfdb color contains Red 69.8%, Green 87.45% and Blue 85.88%.
oklch(87.08% 0.047 189.63)
#b2dfdb color contains Red 69.8%, Green 87.45% and Blue 85.88%.
oklch(87.08% 0.047 189.63)
Color Names of #b2dfdb HEX code
Minerva, teal lighten-4 Color
≈ Powder Blue
Alternative colors of #b2dfdb
Opposite Color for #b2dfdb is #dfb2b6
#b2dfdb Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #b2dfdb
Decimal
11722715
HEX
#b2dfdb
HSL
hsl(175, 41%, 79%)
HSLA
hsla(175, 41%, 79%, 1)
RGB
RGB(178, 223, 219)
RGBA
RGBA(178, 223, 219, 1)
Palettes for #b2dfdb color:
Below examples of color palettes for #b2dfdb HEX color
darkest color is #121616 from shades and lightest color is #f7fcfb from tints
Shades palette of #b2dfdb:
#a0c9c5
#8eb2af
#7d9c99
#6b8683
#59706e
#475958
#354342
#242d2c
#121616
#000000
Tints palette of #b2dfdb:
#bae2df
#c1e5e2
#c9e9e6
#d1ece9
#d9efed
#e0f2f1
#e8f5f4
#f0f9f8
#f7fcfb
#ffffff
Complementary palette of #b2dfdb:
#b2dfdb
#dfb2b6
Triadic palette of #b2dfdb:
#b2dfdb
#dbb2df
#dfdbb2
Square palette of #b2dfdb:
#b2dfdb
#c4b2df
#dfb2b6
#cddfb2
Analogous palette of #b2dfdb:
#b2dfc4
#b2dfdb
#b2cddf
Split-Complementary palette of #b2dfdb:
#b2dfdb
#dfb2cd
#dfc4b2
Rectangle (tetradic) palette of #b2dfdb:
#b2dfdb
#b2b6df
#dfb2b6
#dfdbb2
Suggested color palettes for #b2dfdb HEX:
Color palette with color #b2dfdb #1:
Color palette with color #b2dfdb #2:
Color palette with color #b2dfdb #3:
Color palette with color #b2dfdb #4:
Color palette with color #b2dfdb #5:
Color #b2dfdb used in palettes (14)
Teal palette Materialize CSS 16 Color Palette Material Design Color Palette (nº9) 38 Teal Dog Design Agency 18 Material Design Color Palette (09) Material Design color palette Social Media Video App Palette Material Design color palette 9 material design color palette 09/16 material design color palette 100 Teal 1 Interactive Design System AI Kit
Color Contrast
Color pairings #b2dfdb with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#b2dfdb
#b2dfdb Contrast Ratio
1.45:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#b2dfdb
#b2dfdb Contrast Ratio
14.47:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #b2dfdb color png
Visit the popular colors list for more colors