Created at 03/03/2023 09:56
#509299 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #509299 | RGB(80, 146, 153) |
RGB values are RGB(80, 146, 153)
#509299 color contain Red 31.37%, Green 57.25% and Blue 60%.
oklch(61.90% 0.0681 204.46)
#509299 color contain Red 31.37%, Green 57.25% and Blue 60%.
oklch(61.90% 0.0681 204.46)
Classification of #509299 color
#509299 is Light and Cool Color Saturation 31%, lightness 46%.
Tint of cadetblue
Alternative colors of #509299
Opposite Color for #509299 is #9a5851
#509299 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #509299
Decimal
5280409
HEX
#509299
HSL
hsl(186, 31%, 46%)
HSLA
hsla(186, 31%, 46%, 1)
RGB
RGB(80, 146, 153)
RGBA
RGBA(80, 146, 153, 1)
Palettes for #509299 color:
Below examples of color palettes for #509299 HEX color
darkest color is #080f0f from shades and lightest color is #eef4f5 from tints
Shades palette of #509299:
#48838a
#40757a
#38666b
#30585c
#28494d
#203a3d
#182c2e
#101d1f
#080f0f
#000000
Tints palette of #509299:
#629da3
#73a8ad
#85b3b8
#96bec2
#a8c9cc
#b9d3d6
#cbdee0
#dce9eb
#eef4f5
#ffffff
Complementary palette of #509299:
#51929a
#9a5851
Triadic palette of #509299:
#51929a
#9a5192
#929a51
Square palette of #509299:
#51929a
#7d519a
#6e9a51
#9a5851
Analogous palette of #509299:
#519a7d
#51929a
Split-Complementary palette of #509299:
#51929a
#519a7d
Rectangle (tetradic) palette of #509299:
#51929a
#7d519a
#6e9a51
#9a516e
Suggested colors palettes for #509299 HEX:
Colors palette with color #509299 #1:
Colors palette with color #509299 #2:
Colors palette with color #509299 #3:
Colors palette with color #509299 #4:
Colors palette with color #509299 #5:
Color #509299 used in palettes (2)
Color Contrast
Color pairings #509299 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#509299
#509299 Contrast Ratio
3.55:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#509299
#509299 Contrast Ratio
5.91:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #509299 color png
Visit the popular colors list for more colors