Created at 12/04/2023 20:38
#3ba2f7 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #3ba2f7 | RGB(59, 162, 247) |
RGB values are RGB(59, 162, 247)
#3ba2f7 color contain Red 23.14%, Green 63.53% and Blue 96.86%.
oklch(69.27% 0.1561 247.63)
#3ba2f7 color contain Red 23.14%, Green 63.53% and Blue 96.86%.
oklch(69.27% 0.1561 247.63)
Classification of #3ba2f7 color
#3ba2f7 is Light and Cool Color Saturation 92%, lightness 60%.
Shade of dodgerblue
Alternative colors of #3ba2f7
Opposite Color for #3ba2f7 is #f7903b
#3ba2f7 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3ba2f7
Decimal
3908343
HEX
#3ba2f7
HSL
hsl(207, 92%, 60%)
HSLA
hsla(207, 92%, 60%, 1)
RGB
RGB(59, 162, 247)
RGBA
RGBA(59, 162, 247, 1)
Palettes for #3ba2f7 color:
Below examples of color palettes for #3ba2f7 HEX color
darkest color is #061019 from shades and lightest color is #ebf6fe from tints
Shades palette of #3ba2f7:
#3592de
#2f82c6
#2971ad
#236194
#1e517c
#184163
#12314a
#0c2031
#061019
#000000
Tints palette of #3ba2f7:
#4fabf8
#62b5f9
#76bef9
#89c7fa
#9dd1fb
#b1dafc
#c4e3fd
#d8ecfd
#ebf6fe
#ffffff
Complementary palette of #3ba2f7:
#3ba2f7
#f7903b
Triadic palette of #3ba2f7:
#3ba2f7
#f73ba2
#a2f73b
Square palette of #3ba2f7:
#3ba2f7
#ed3bf7
#45f73b
#f7903b
Analogous palette of #3ba2f7:
#3bf7ed
#3ba2f7
Split-Complementary palette of #3ba2f7:
#3ba2f7
#3bf7ed
Rectangle (tetradic) palette of #3ba2f7:
#3ba2f7
#ed3bf7
#45f73b
#f73b45
Suggested colors palettes for #3ba2f7 HEX:
Colors palette with color #3ba2f7 #1:
Colors palette with color #3ba2f7 #2:
Colors palette with color #3ba2f7 #3:
Colors palette with color #3ba2f7 #4:
Colors palette with color #3ba2f7 #5:
Color Contrast
Color pairings #3ba2f7 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3ba2f7
#3ba2f7 Contrast Ratio
2.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3ba2f7
#3ba2f7 Contrast Ratio
7.69:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3ba2f7 color png
Visit the popular colors list for more colors