#304050 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #304050 | RGB(48, 64, 80) |
Created at 02/19/2023 06:59
RGB values are RGB(48, 64, 80)
#304050 color contains Red 18.82%, Green 25.1% and Blue 31.37%.
oklch(36.45% 0.0347 248.8)
#304050 color contains Red 18.82%, Green 25.1% and Blue 31.37%.
oklch(36.45% 0.0347 248.8)
Color Names of #304050 HEX code
Charcoal Color
≈ Pickled Bluewood
Classification of #304050 color
#304050 is Semi dark and Cool Color Saturation 25%, lightness 25%.
Shade of Dark Slate Blue
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
cmyk
CMYK(40%, 20%, 0%, 69%)
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 are examples of color palettes with the #304050 HEX color
darkest color is #050608 from shades and lightest color is #eaecee from tints
Shades palette of #304050:
#2b3a48
#263340
#222d38
#1d2630
#182028
#131a20
#0e1318
#0a0d10
#050608
#000000
Tints palette of #304050:
#455362
#596673
#6e7985
#838c96
#98a0a8
#acb3b9
#c1c6cb
#d6d9dc
#eaecee
#ffffff
Complementary palette of #304050:
#304050
#504030
Triadic palette of #304050:
#304050
#503040
#405030
Square palette of #304050:
#304050
#503050
#504030
#305030
Analogous palette of #304050:
#305050
#304050
#303050
Split-Complementary palette of #304050:
#304050
#503030
#505030
Rectangle (tetradic) palette of #304050:
#304050
#403050
#504030
#405030
Suggested color palettes for #304050 HEX:
Color palette with color #304050 #1:
Color palette with color #304050 #2:
Color palette with color #304050 #3:
Color palette with color #304050 #4:
Color palette with color #304050 #5:
Color #304050 used in palettes (20)
Uı ps5 ui playstation5Free ramadan kareem illustrator typographyPromusicals promuscials audio company aduio gear industry hex colorsWebsite ux ui web coloursPokemon discord emote graphic designIos user interface design app template iphone paletteWebpage uiux web design userinterface colors paletteWeb design hex colorsIllustration bhabotaranroy stationery hex colorsPortrait illustration man boyWeb design minimal promo landing page colors paletteLandingpage landing page home webdesign colors paletteWebsite webdesign web design site colorsUserinterface web design home page uidesign colors paletteWebsite ux startup serviceHomepage home page design landing hex colorsWebsite home page homepage uidesign colors paletteGuest hotel dashboard design callWeb design landing page userinterface uidesign colorsPeace^
Color Contrast
Color pairings of #304050 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#304050
#304050Contrast Ratio
10.63:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#304050
#304050Contrast Ratio
1.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #304050 color png
Visit the popular colors list for more colors