Created at 02/20/2023 07:02
#3caad9 HEX Color information
| Color | HEX | RGB |
| #3caad9 | RGB(60, 170, 217) |
RGB values are RGB(60, 170, 217)
#3caad9 color contain Red 23.53%, Green 66.67% and Blue 85.1%.
Alternative colors of #3caad9
Opposite Color for #3caad9 is #d86a3b
#3caad9 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3caad9
Decimal
3975897
HEX
#3caad9
HSL
hsl(198, 67%, 54%)
HSLA
hsla(198, 67%, 54%, 1)
RGB
RGB(60, 170, 217)
RGBA
RGBA(60, 170, 217, 1)
Palettes for #3caad9 color:
Below examples of color palettes for #3caad9 HEX color
darkest color is #061116 from shades and lightest color is #ecf7fb from tints
Shades palette of #3caad9:
Tints palette of #3caad9:
Complementary palette of #3caad9:
Triadic palette of #3caad9:
Square palette of #3caad9:
Analogous palette of #3caad9:
Split-Complementary palette of #3caad9:
Rectangle (tetradic) palette of #3caad9:
Suggested colors palettes for #3caad9 HEX:
Colors palette with color #3caad9 #1:
Colors palette with color #3caad9 #2:
Colors palette with color #3caad9 #3:
Colors palette with color #3caad9 #4:
Colors palette with color #3caad9 #5:
Color #3caad9 used in palettes (1)
Color Contrast
Color pairings #3caad9 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3caad9
#3caad9 Contrast Ratio
2.64:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3caad9
#3caad9 Contrast Ratio
7.94:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
