Created at 02/19/2023 06:59
#304050 HEX Color information
| Color | HEX | RGB |
| #304050 | RGB(48, 64, 80) |
RGB values are RGB(48, 64, 80)
#304050 color contain Red 18.82%, Green 25.1% and Blue 31.37%.
Color Names of #304050 HEX code
Charcoal, Waterhen Back Color
Alternative colors of #304050
Opposite Color for #304050 is #504030
#304050 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #304050
Decimal
3162192
HEX
#304050
HSL
hsl(210, 25%, 25%)
HSLA
hsla(210, 25%, 25%, 1)
RGB
RGB(48, 64, 80)
RGBA
RGBA(48, 64, 80, 1)
Palettes for #304050 color:
Below examples of color palettes for #304050 HEX color
darkest color is #050608 from shades and lightest color is #eaecee from tints
Shades palette of #304050:
Tints palette of #304050:
Complementary palette of #304050:
Triadic palette of #304050:
Square palette of #304050:
Analogous palette of #304050:
Split-Complementary palette of #304050:
Rectangle (tetradic) palette of #304050:
Suggested colors palettes for #304050 HEX:
Color #304050 used in palettes (20)
Uı ps5 ui playstation5 Free ramadan kareem illustrator typography Promusicals promuscials audio company aduio gear industry hex colors Website ux ui web colours Pokemon discord emote graphic design Ios user interface design app template iphone palette Webpage uiux web design userinterface colors palette Web design hex colors Illustration bhabotaranroy stationery hex colors Portrait illustration man boy Web design minimal promo landing page colors palette Landingpage landing page home webdesign colors palette Website webdesign web design site colors Userinterface web design home page uidesign colors palette Website ux startup service Homepage home page design landing hex colors Website home page homepage uidesign colors palette Guest hotel dashboard design call Peace^ Web design landing page userinterface uidesign colors
Color Contrast
Color pairings #304050 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#304050
#304050 Contrast Ratio
10.63:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#304050
#304050 Contrast Ratio
1.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
