#b2c8d0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #b2c8d0 | RGB(178, 200, 208) |
Created at 02/24/2023 00:50
Classification of #b2c8d0 color
#b2c8d0 is Light and Cool Color Saturation 24%, lightness 76%.
Shade of Light Blue
RGB values are RGB(178, 200, 208)
#b2c8d0 color contains Red 69.8%, Green 78.43% and Blue 81.57%.
oklch(81.87% 0.0264 221.64)
#b2c8d0 color contains Red 69.8%, Green 78.43% and Blue 81.57%.
oklch(81.87% 0.0264 221.64)
Color Names of #b2c8d0 HEX code
≈ Heather
Alternative colors of #b2c8d0
Opposite Color for #b2c8d0 is #d0bab2
#b2c8d0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #b2c8d0
cmyk
CMYK(14%, 4%, 0%, 18%)
Decimal
11716816
HEX
#b2c8d0
HSL
hsl(196, 24%, 76%)
HSLA
hsla(196, 24%, 76%, 1)
RGB
RGB(178, 200, 208)
RGBA
RGBA(178, 200, 208, 1)
Palettes for #b2c8d0 color:
Below are examples of color palettes with the #b2c8d0 HEX color
darkest color is #121415 from shades and lightest color is #f7fafa from tints
Shades palette of #b2c8d0:
#a0b4bb
#8ea0a6
#7d8c92
#6b787d
#596468
#475053
#353c3e
#24282a
#121415
#000000
Tints palette of #b2c8d0:
#baced5
#c1d3d9
#c9d9de
#d1dee3
#d9e4e8
#e0e9ec
#e8eff1
#f0f4f6
#f7fafa
#ffffff
Complementary palette of #b2c8d0:
#b2c8d0
#d0bab2
Triadic palette of #b2c8d0:
#b2c8d0
#d0b2c8
#c8d0b2
Square palette of #b2c8d0:
#b2c8d0
#c9b2d0
#d0bab2
#b9d0b2
Analogous palette of #b2c8d0:
#b2d0c9
#b2c8d0
#b2b9d0
Split-Complementary palette of #b2c8d0:
#b2c8d0
#d0b2b9
#d0c9b2
Rectangle (tetradic) palette of #b2c8d0:
#b2c8d0
#bab2d0
#d0bab2
#c8d0b2
Suggested color palettes for #b2c8d0 HEX:
Color palette with color #b2c8d0 #1:
Color palette with color #b2c8d0 #2:
Color palette with color #b2c8d0 #3:
Color palette with color #b2c8d0 #4:
Color palette with color #b2c8d0 #5:
Color #b2c8d0 used in palettes (2)
Color Contrast
Color pairings of #b2c8d0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#b2c8d0
#b2c8d0 Contrast Ratio
1.74:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#b2c8d0
#b2c8d0 Contrast Ratio
12.06:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #b2c8d0 color png
Visit the popular colors list for more colors