Created at 02/21/2023 09:22
#304c5c HEX Color information
Color | HEX | RGB |
#304c5c | RGB(48, 76, 92) |
RGB values are RGB(48, 76, 92)
#304c5c color contain Red 18.82%, Green 29.8% and Blue 36.08%.
Color Names of #304c5c HEX code
Dark Slate Gray Color
Alternative colors of #304c5c
Opposite Color for #304c5c is #5a3f30
#304c5c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #304c5c
Decimal
3165276
HEX
#304c5c
HSL
hsl(202, 31%, 27%)
HSLA
hsla(202, 31%, 27%, 1)
RGB
RGB(48, 76, 92)
RGBA
RGBA(48, 76, 92, 1)
Palettes for #304c5c color:
Below examples of color palettes for #304c5c HEX color
darkest color is #050809 from shades and lightest color is #eaedef from tints
Shades palette of #304c5c:
Tints palette of #304c5c:
Complementary palette of #304c5c:
Triadic palette of #304c5c:
Square palette of #304c5c:
Analogous palette of #304c5c:
Split-Complementary palette of #304c5c:
Rectangle (tetradic) palette of #304c5c:
Suggested colors palettes for #304c5c HEX:
Colors palette with color #304c5c #1:
Colors palette with color #304c5c #2:
Colors palette with color #304c5c #3:
Colors palette with color #304c5c #4:
Colors palette with color #304c5c #5:
Color #304c5c used in palettes (11)
Abstract jome icon mark colors Branding design business card mockup logo palette Branding block flat logo colors Skills activity workout tracker exercise application colors palette Apps kids game design graphic art colors Mental green welcom register hex colors Vector eya hand illustration gif colors palette Minimal uxdesign web stats Design ui mobile app Design typography branding app colours Ux design website ui
Color Contrast
Color pairings #304c5c with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#304c5c
#304c5c Contrast Ratio
9.07:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |
#304c5c
#304c5c Contrast Ratio
2.31:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |