#3aa2e1 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3aa2e1 | RGB(58, 162, 225) |
Created at 02/27/2023 12:16
RGB values are RGB(58, 162, 225)
#3aa2e1 color contains Red 22.75%, Green 63.53% and Blue 88.24%.
oklch(68.08% 0.1318 239.83)
#3aa2e1 color contains Red 22.75%, Green 63.53% and Blue 88.24%.
oklch(68.08% 0.1318 239.83)
Color Names of #3aa2e1 HEX code
≈ Picton Blue
Classification of #3aa2e1 color
#3aa2e1 is Light and Cool Color Saturation 74%, lightness 55%.
Tint of Dodger Blue
Alternative colors of #3aa2e1
Opposite Color for #3aa2e1 is #e1793a
#3aa2e1 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3aa2e1
cmyk
CMYK(74%, 28%, 0%, 12%)
Decimal
3842785
HEX
#3aa2e1
HSL
hsl(203, 74%, 55%)
HSLA
hsla(203, 74%, 55%, 1)
RGB
RGB(58, 162, 225)
RGBA
RGBA(58, 162, 225, 1)
Palettes for #3aa2e1 color:
Below are examples of color palettes with the #3aa2e1 HEX color
darkest color is #061016 from shades and lightest color is #ebf6fc from tints
Shades palette of #3aa2e1:
#3492cb
#2e82b4
#29719e
#236187
#1d5171
#17415a
#113144
#0c202d
#061016
#000000
Tints palette of #3aa2e1:
#4eabe4
#61b5e7
#75beea
#89c7ed
#9dd1f0
#b0daf3
#c4e3f6
#d8ecf9
#ebf6fc
#ffffff
Complementary palette of #3aa2e1:
#3aa2e1
#e1793a
Triadic palette of #3aa2e1:
#3aa2e1
#e13aa2
#a2e13a
Square palette of #3aa2e1:
#3aa2e1
#cd3ae1
#e1793a
#4fe13a
Analogous palette of #3aa2e1:
#3ae1cd
#3aa2e1
#3a4ee1
Split-Complementary palette of #3aa2e1:
#3aa2e1
#e13a4e
#e1cc3a
Rectangle (tetradic) palette of #3aa2e1:
#3aa2e1
#793ae1
#e1793a
#a2e13a
Suggested color palettes for #3aa2e1 HEX:
Color palette with color #3aa2e1 #1:
Color palette with color #3aa2e1 #2:
Color palette with color #3aa2e1 #3:
Color palette with color #3aa2e1 #4:
Color palette with color #3aa2e1 #5:
Color #3aa2e1 used in palettes (1)
Color Contrast
Color pairings of #3aa2e1 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3aa2e1
#3aa2e1Contrast Ratio
2.82:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3aa2e1
#3aa2e1Contrast Ratio
7.43:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3aa2e1 color png
Visit the popular colors list for more colors