Created at 03/22/2023 03:49
#36aad5 HEX Color information
| Color | HEX | RGB |
| #36aad5 | RGB(54, 170, 213) |
RGB values are RGB(54, 170, 213)
#36aad5 color contain Red 21.18%, Green 66.67% and Blue 83.53%.
Alternative colors of #36aad5
Opposite Color for #36aad5 is #d45f35
#36aad5 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #36aad5
Decimal
3582677
HEX
#36aad5
HSL
hsl(196, 65%, 52%)
HSLA
hsla(196, 65%, 52%, 1)
RGB
RGB(54, 170, 213)
RGBA
RGBA(54, 170, 213, 1)
Palettes for #36aad5 color:
Below examples of color palettes for #36aad5 HEX color
darkest color is #051115 from shades and lightest color is #ebf7fb from tints
Shades palette of #36aad5:
Tints palette of #36aad5:
Complementary palette of #36aad5:
Triadic palette of #36aad5:
Square palette of #36aad5:
Analogous palette of #36aad5:
Split-Complementary palette of #36aad5:
Rectangle (tetradic) palette of #36aad5:
Suggested colors palettes for #36aad5 HEX:
Colors palette with color #36aad5 #1:
Colors palette with color #36aad5 #2:
Colors palette with color #36aad5 #3:
Colors palette with color #36aad5 #4:
Colors palette with color #36aad5 #5:
Color #36aad5 used in palettes (1)
Color Contrast
Color pairings #36aad5 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#36aad5
#36aad5 Contrast Ratio
2.66:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#36aad5
#36aad5 Contrast Ratio
7.86:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
