Created at 02/21/2023 08:28
#baccdd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #baccdd | RGB(186, 204, 221) |
RGB values are RGB(186, 204, 221)
#baccdd color contain Red 72.94%, Green 80% and Blue 86.67%.
oklch(83.69% 0.0309 246.65)
#baccdd color contain Red 72.94%, Green 80% and Blue 86.67%.
oklch(83.69% 0.0309 246.65)
Color Names of #baccdd HEX code
≈ Jungle Mist
Classification of #baccdd color
#baccdd is Light and Cool Color Saturation 34%, lightness 80%.
Tint of lightsteelblue
Alternative colors of #baccdd
Opposite Color for #baccdd is #ddcbba
#baccdd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #baccdd
Decimal
12242141
HEX
#baccdd
HSL
hsl(209, 34%, 80%)
HSLA
hsla(209, 34%, 80%, 1)
RGB
RGB(186, 204, 221)
RGBA
RGBA(186, 204, 221, 1)
Palettes for #baccdd color:
Below examples of color palettes for #baccdd HEX color
darkest color is #131416 from shades and lightest color is #f8fafc from tints
Shades palette of #baccdd:
#a7b8c7
#95a3b1
#828f9b
#707a85
#5d666f
#4a5258
#383d42
#25292c
#131416
#000000
Tints palette of #baccdd:
#c1d1e0
#c8d6e4
#cfdbe7
#d6e0eb
#dde6ee
#e3ebf1
#eaf0f5
#f1f5f8
#f8fafc
#ffffff
Complementary palette of #baccdd:
#baccdd
#ddcbba
Triadic palette of #baccdd:
#baccdd
#ddbacc
#ccddba
Square palette of #baccdd:
#baccdd
#dcbadd
#ddcbba
#bbddba
Analogous palette of #baccdd:
#badddd
#baccdd
#babbdd
Split-Complementary palette of #baccdd:
#baccdd
#ddbabb
#dddcba
Rectangle (tetradic) palette of #baccdd:
#baccdd
#cbbadd
#ddcbba
#ccddba
Suggested color palettes for #baccdd HEX:
Color palette with color #baccdd #1:
Color palette with color #baccdd #2:
Color palette with color #baccdd #3:
Color palette with color #baccdd #4:
Color palette with color #baccdd #5:
Color #baccdd used in palettes (1)
Color Contrast
Color pairings #baccdd with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#baccdd
#baccdd Contrast Ratio
1.64:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#baccdd
#baccdd Contrast Ratio
12.76:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #baccdd color png
Visit the popular colors list for more colors