#3aa2af HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3aa2af | RGB(58, 162, 175) |
Created at 02/17/2023 22:13
Classification of #3aa2af color
#3aa2af is Light and Cool Color Saturation 50%, lightness 46%.
Shade of Cadet Blue
RGB values are RGB(58, 162, 175)
#3aa2af color contains Red 22.75%, Green 63.53% and Blue 68.63%.
oklch(65.84% 0.095 206.88)
#3aa2af color contains Red 22.75%, Green 63.53% and Blue 68.63%.
oklch(65.84% 0.095 206.88)
Color Names of #3aa2af HEX code
≈ Boston Blue
Alternative colors of #3aa2af
Opposite Color for #3aa2af is #af473a
#3aa2af Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3aa2af
cmyk
CMYK(67%, 7%, 0%, 31%)
Decimal
3842735
HEX
#3aa2af
HSL
hsl(187, 50%, 46%)
HSLA
hsla(187, 50%, 46%, 1)
RGB
RGB(58, 162, 175)
RGBA
RGBA(58, 162, 175, 1)
Palettes for #3aa2af color:
Below examples of color palettes for #3aa2af HEX color
darkest color is #061011 from shades and lightest color is #ebf6f7 from tints
Shades palette of #3aa2af:
#34929e
#2e828c
#29717a
#236169
#1d5158
#174146
#113135
#0c2023
#061011
#000000
Tints palette of #3aa2af:
#4eabb7
#61b5bf
#75bec7
#89c7cf
#9dd1d7
#b0dadf
#c4e3e7
#d8ecef
#ebf6f7
#ffffff
Complementary palette of #3aa2af:
#3aa2af
#af473a
Triadic palette of #3aa2af:
#3aa2af
#af3aa2
#a2af3a
Square palette of #3aa2af:
#3aa2af
#813aaf
#af473a
#68af3a
Analogous palette of #3aa2af:
#3aaf81
#3aa2af
#3a68af
Split-Complementary palette of #3aa2af:
#3aa2af
#af3a68
#af813a
Rectangle (tetradic) palette of #3aa2af:
#3aa2af
#473aaf
#af473a
#a2af3a
Suggested color palettes for #3aa2af HEX:
Color palette with color #3aa2af #1:
Color palette with color #3aa2af #2:
Color palette with color #3aa2af #3:
Color palette with color #3aa2af #4:
Color palette with color #3aa2af #5:
Color #3aa2af used in palettes (1)
Color Contrast
Color pairings #3aa2af with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3aa2af
#3aa2af Contrast Ratio
3.01:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3aa2af
#3aa2af Contrast Ratio
6.96:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3aa2af color png
Visit the popular colors list for more colors