Created at 02/23/2023 19:11
#284c5c HEX Color information
Color | HEX | RGB |
#284c5c | RGB(40, 76, 92) |
RGB values are RGB(40, 76, 92)
#284c5c color contain Red 15.69%, Green 29.8% and Blue 36.08%.
Color Names of #284c5c HEX code
Dark Slate Gray Color
Alternative colors of #284c5c
Opposite Color for #284c5c is #5c3828
#284c5c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #284c5c
Decimal
2640988
HEX
#284c5c
HSL
hsl(198, 39%, 26%)
HSLA
hsla(198, 39%, 26%, 1)
RGB
RGB(40, 76, 92)
RGBA
RGBA(40, 76, 92, 1)
Palettes for #284c5c color:
Below examples of color palettes for #284c5c HEX color
darkest color is #040809 from shades and lightest color is #eaedef from tints
Shades palette of #284c5c:
Tints palette of #284c5c:
Complementary palette of #284c5c:
Triadic palette of #284c5c:
Square palette of #284c5c:
Analogous palette of #284c5c:
Split-Complementary palette of #284c5c:
Rectangle (tetradic) palette of #284c5c:
Suggested colors palettes for #284c5c HEX:
Color #284c5c used in palettes (13)
Creative design synthwave neon illustration palette Testing LG Extended LG Ext II Web table widgets knowledge palette LG EXT Design animation vector flat hex colors Minimal book cover design online colours Modern n logo apps icon 3d colours Logo game tshirt clothing colors palette Product package packaging design box hex colors Ui flat design ecommerce Package design brand apparel colours
Color Contrast
Color pairings #284c5c with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#284c5c
#284c5c Contrast Ratio
9.21:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |
#284c5c
#284c5c Contrast Ratio
2.27:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |