Created at 02/25/2023 14:03
#afc5bd HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #afc5bd | RGB(175, 197, 189) |
RGB values are RGB(175, 197, 189)
#afc5bd color contain Red 68.63%, Green 77.25% and Blue 74.12%.
oklch(80.45% 0.0264 171.77)
#afc5bd color contain Red 68.63%, Green 77.25% and Blue 74.12%.
oklch(80.45% 0.0264 171.77)
Classification of #afc5bd color
#afc5bd is Light and Cool Color Saturation 16%, lightness 73%.
Tint of powderblue
Alternative colors of #afc5bd
Opposite Color for #afc5bd is #c5afb7
#afc5bd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #afc5bd
Decimal
11519421
HEX
#afc5bd
HSL
hsl(158, 16%, 73%)
HSLA
hsla(158, 16%, 73%, 1)
RGB
RGB(175, 197, 189)
RGBA
RGBA(175, 197, 189, 1)
Palettes for #afc5bd color:
Below examples of color palettes for #afc5bd HEX color
darkest color is #111413 from shades and lightest color is #f7f9f8 from tints
Shades palette of #afc5bd:
#9eb1aa
#8c9e97
#7a8a84
#697671
#58635f
#464f4c
#353b39
#232726
#111413
#000000
Tints palette of #afc5bd:
#b7cbc4
#bfd1ca
#c7d6d1
#cfdcd7
#d7e2de
#dfe8e5
#e7eeeb
#eff3f2
#f7f9f8
#ffffff
Complementary palette of #afc5bd:
#afc5bd
#c5afb7
Triadic palette of #afc5bd:
#afc5bd
#bdafc5
#c5bdaf
Square palette of #afc5bd:
#afc5bd
#b2afc5
#c2c5af
#c5afb7
Analogous palette of #afc5bd:
#afc5b2
#afc5bd
Split-Complementary palette of #afc5bd:
#afc5bd
#afc5b2
Rectangle (tetradic) palette of #afc5bd:
#afc5bd
#b2afc5
#c2c5af
#c5afc2
Suggested colors palettes for #afc5bd HEX:
Colors palette with color #afc5bd #1:
Colors palette with color #afc5bd #2:
Colors palette with color #afc5bd #3:
Colors palette with color #afc5bd #4:
Colors palette with color #afc5bd #5:
Color #afc5bd used in palettes (1)
Color Contrast
Color pairings #afc5bd with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#afc5bd
#afc5bd Contrast Ratio
1.81:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#afc5bd
#afc5bd Contrast Ratio
11.54:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #afc5bd color png
Visit the popular colors list for more colors