#5aa680 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5aa680 | RGB(90, 166, 128) |
Created at 02/19/2023 15:57
RGB values are RGB(90, 166, 128)
#5aa680 color contains Red 35.29%, Green 65.1% and Blue 50.2%.
oklch(66.52% 0.0956 160.46)
#5aa680 color contains Red 35.29%, Green 65.1% and Blue 50.2%.
oklch(66.52% 0.0956 160.46)
Color Names of #5aa680 HEX code
≈ Aqua Forest
Classification of #5aa680 color
#5aa680 is Light and Cool Color Saturation 30%, lightness 50%.
Tint of Medium Sea Green
Alternative colors of #5aa680
Opposite Color for #5aa680 is #a65a80
#5aa680 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5aa680
cmyk
CMYK(46%, 0%, 23%, 35%)
Decimal
5940864
HEX
#5aa680
HSL
hsl(150, 30%, 50%)
HSLA
hsla(150, 30%, 50%, 1)
RGB
RGB(90, 166, 128)
RGBA
RGBA(90, 166, 128, 1)
Palettes for #5aa680 color:
Below are examples of color palettes with the #5aa680 HEX color
darkest color is #09110d from shades and lightest color is #eff6f2 from tints
Shades palette of #5aa680:
#519573
#488566
#3f745a
#36644d
#2d5340
#244233
#1b3226
#12211a
#09110d
#000000
Tints palette of #5aa680:
#6baf8d
#7bb899
#8cc1a6
#9ccab3
#add3c0
#bddbcc
#cee4d9
#deede6
#eff6f2
#ffffff
Complementary palette of #5aa680:
#5aa680
#a65a80
Triadic palette of #5aa680:
#5aa680
#805aa6
#a6805a
Square palette of #5aa680:
#5aa680
#5a5aa6
#a65a80
#a6a65a
Analogous palette of #5aa680:
#5aa65a
#5aa680
#5aa6a6
Split-Complementary palette of #5aa680:
#5aa680
#a65aa6
#a65a5a
Rectangle (tetradic) palette of #5aa680:
#5aa680
#5a80a6
#a65a80
#a6805a
Suggested color palettes for #5aa680 HEX:
Color palette with color #5aa680 #1:
Color palette with color #5aa680 #2:
Color palette with color #5aa680 #3:
Color palette with color #5aa680 #4:
Color palette with color #5aa680 #5:
Color #5aa680 used in palettes (1)
Color Contrast
Color pairings of #5aa680 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5aa680
#5aa680 Contrast Ratio
2.91:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5aa680
#5aa680 Contrast Ratio
7.2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5aa680 color png
Visit the popular colors list for more colors