#502c30 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #502c30 | RGB(80, 44, 48) |
Created at 02/26/2023 01:15
RGB values are RGB(80, 44, 48)
#502c30 color contains Red 31.37%, Green 17.25% and Blue 18.82%.
oklch(34.04% 0.0534 13.14)
#502c30 color contains Red 31.37%, Green 17.25% and Blue 18.82%.
oklch(34.04% 0.0534 13.14)
Color Names of #502c30 HEX code
Brown Coffee Color
≈ Livid Brown
Classification of #502c30 color
#502c30 is Semi dark and Warm Color Saturation 29%, lightness 24%.
Tint of Maroon
Alternative colors of #502c30
Opposite Color for #502c30 is #2c504c
#502c30 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #502c30
cmyk
CMYK(0%, 45%, 40%, 69%)
Decimal
5254192
HEX
#502c30
HSL
hsl(353, 29%, 24%)
HSLA
hsla(353, 29%, 24%, 1)
RGB
RGB(80, 44, 48)
RGBA
RGBA(80, 44, 48, 1)
Palettes for #502c30 color:
Below are examples of color palettes with the #502c30 HEX color
darkest color is #080405 from shades and lightest color is #eeeaea from tints
Shades palette of #502c30:
#48282b
#402326
#381f22
#301a1d
#281618
#201213
#180d0e
#10090a
#080405
#000000
Tints palette of #502c30:
#624145
#735659
#856b6e
#968083
#a89698
#b9abac
#cbc0c1
#dcd5d6
#eeeaea
#ffffff
Complementary palette of #502c30:
#502c30
#2c504c
Triadic palette of #502c30:
#502c30
#30502c
#2c3050
Square palette of #502c30:
#502c30
#42502c
#2c504c
#3a2c50
Analogous palette of #502c30:
#502c42
#502c30
#503a2c
Split-Complementary palette of #502c30:
#502c30
#2c503a
#2c4250
Rectangle (tetradic) palette of #502c30:
#502c30
#504c2c
#2c504c
#2c3050
Suggested color palettes for #502c30 HEX:
Color palette with color #502c30 #1:
Color palette with color #502c30 #2:
Color palette with color #502c30 #3:
Color palette with color #502c30 #4:
Color palette with color #502c30 #5:
Color #502c30 used in palettes (16)
Agency theme widget-ready portfolioGlamour female illustration character colors paletteCover skater girl character art hex colorsCharacter procreate flat art seaside colors paletteCollage cover art newsDesign dailyui ios ui colors paletteGraphic design metor ui uix colorsIllustrations seattle illustration art paletteVector artwork logo branding art paletteSymbol logo inspiration monogram agencyLearning education study product colorsSketchbook illustration design colorsWallet onboarding uidesigner uiux paletteUx ui interface service hex colorsEducation header creative ui design hex colorsProduct page shopping app ux application
Color Contrast
Color pairings of #502c30 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#502c30
#502c30Contrast Ratio
12.04:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#502c30
#502c30Contrast Ratio
1.74:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #502c30 color png
Visit the popular colors list for more colors