Created at 02/20/2023 18:35
#54b484 HEX Color information
Color | HEX | RGB |
#54b484 | RGB(84, 180, 132) |
RGB values are RGB(84, 180, 132)
#54b484 color contain Red 32.94%, Green 70.59% and Blue 51.76%.
Color Names of #54b484 HEX code
Ocean Green Color
Alternative colors of #54b484
Opposite Color for #54b484 is #b45585
#54b484 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #54b484
Decimal
5551236
HEX
#54b484
HSL
hsl(150, 39%, 52%)
HSLA
hsla(150, 39%, 52%, 1)
RGB
RGB(84, 180, 132)
RGBA
RGBA(84, 180, 132, 1)
Palettes for #54b484 color:
Below examples of color palettes for #54b484 HEX color
darkest color is #08120d from shades and lightest color is #eef8f3 from tints
Shades palette of #54b484:
Tints palette of #54b484:
Complementary palette of #54b484:
Triadic palette of #54b484:
Square palette of #54b484:
Analogous palette of #54b484:
Split-Complementary palette of #54b484:
Rectangle (tetradic) palette of #54b484:
Suggested colors palettes for #54b484 HEX:
Colors palette with color #54b484 #1:
Colors palette with color #54b484 #2:
Colors palette with color #54b484 #3:
Colors palette with color #54b484 #4:
Colors palette with color #54b484 #5:
Color #54b484 used in palettes (12)
Final fantasy vii midgar video games design palette Logo earth green nature colors 图标 ps 应用 品牌 palette Type girlshbo girls girly hex colors Print logo typography packaging colors palette Design earthday illustration ai colors palette Web cards minimal flat colours Branding minimal design logo hex colors Flyers flyer design template artwork colors Product design graphic uxuidesign flatdesign hex colors App ux logo typography hex colors User interface ui web design colours
Color Contrast
Color pairings #54b484 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#54b484
#54b484 Contrast Ratio
2.54:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |
#54b484
#54b484 Contrast Ratio
8.23:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |