Created at 02/19/2023 14:43
#3ba5f7 HEX Color information
| Color | HEX | RGB |
| #3ba5f7 | RGB(59, 165, 247) |
RGB values are RGB(59, 165, 247)
#3ba5f7 color contain Red 23.14%, Green 64.71% and Blue 96.86%.
Color Names of #3ba5f7 HEX code
Brilliant Azure Color
Alternative colors of #3ba5f7
Opposite Color for #3ba5f7 is #f78c3b
#3ba5f7 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3ba5f7
Decimal
3909111
HEX
#3ba5f7
HSL
hsl(206, 92%, 60%)
HSLA
hsla(206, 92%, 60%, 1)
RGB
RGB(59, 165, 247)
RGBA
RGBA(59, 165, 247, 1)
Palettes for #3ba5f7 color:
Below examples of color palettes for #3ba5f7 HEX color
darkest color is #061019 from shades and lightest color is #ebf6fe from tints
Shades palette of #3ba5f7:
Tints palette of #3ba5f7:
Complementary palette of #3ba5f7:
Triadic palette of #3ba5f7:
Square palette of #3ba5f7:
Analogous palette of #3ba5f7:
Split-Complementary palette of #3ba5f7:
Rectangle (tetradic) palette of #3ba5f7:
Suggested colors palettes for #3ba5f7 HEX:
Colors palette with color #3ba5f7 #1:
Colors palette with color #3ba5f7 #2:
Colors palette with color #3ba5f7 #3:
Colors palette with color #3ba5f7 #4:
Colors palette with color #3ba5f7 #5:
Color #3ba5f7 used in palettes (7)
App hover state notifications messages colors palette Dashboard notifications components insights colors palette Notifications messages notifier insights hex colors Ux banking hover state design colors Messages notifier finance sidebar commerce notifier notifications app Notifier kpi banking chart colors
Color Contrast
Color pairings #3ba5f7 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3ba5f7
#3ba5f7 Contrast Ratio
2.65:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3ba5f7
#3ba5f7 Contrast Ratio
7.91:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
