Created at 12/16/2023 22:19
#31af96 HEX Color information
Color | HEX | RGB |
#31af96 | RGB(49, 175, 150) |
RGB values are RGB(49, 175, 150)
#31af96 color contain Red 19.22%, Green 68.63% and Blue 58.82%.
Alternative colors of #31af96
Opposite Color for #31af96 is #af314b
#31af96 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #31af96
Decimal
3256214
HEX
#31af96
HSL
hsl(168, 56%, 44%)
HSLA
hsla(168, 56%, 44%, 1)
RGB
RGB(49, 175, 150)
RGBA
RGBA(49, 175, 150, 1)
Palettes for #31af96 color:
Below examples of color palettes for #31af96 HEX color
darkest color is #05110f from shades and lightest color is #eaf7f5 from tints
Shades palette of #31af96:
Tints palette of #31af96:
Complementary palette of #31af96:
Triadic palette of #31af96:
Square palette of #31af96:
Analogous palette of #31af96:
Split-Complementary palette of #31af96:
Rectangle (tetradic) palette of #31af96:
Suggested colors palettes for #31af96 HEX:
Colors palette with color #31af96 #1:
Colors palette with color #31af96 #2:
Colors palette with color #31af96 #3:
Colors palette with color #31af96 #4:
Colors palette with color #31af96 #5:
Color Contrast
Color pairings #31af96 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#31af96
#31af96 Contrast Ratio
2.72:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |
#31af96
#31af96 Contrast Ratio
7.7:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |