#304a49 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #304a49 | RGB(48, 74, 73) |
Created at 02/23/2023 11:04
Classification of #304a49 color
#304a49 is Semi dark and Cool Color Saturation 21%, lightness 24%.
Shade of Dark Slate Gray
RGB values are RGB(48, 74, 73)
#304a49 color contains Red 18.82%, Green 29.02% and Blue 28.63%.
oklch(38.78% 0.0317 192.88)
#304a49 color contains Red 18.82%, Green 29.02% and Blue 28.63%.
oklch(38.78% 0.0317 192.88)
Color Names of #304a49 HEX code
≈ Plantation
Alternative colors of #304a49
Opposite Color for #304a49 is #4a3031
#304a49 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #304a49
cmyk
CMYK(35%, 0%, 1%, 71%)
Decimal
3164745
HEX
#304a49
HSL
hsl(178, 21%, 24%)
HSLA
hsla(178, 21%, 24%, 1)
RGB
RGB(48, 74, 73)
RGBA
RGBA(48, 74, 73, 1)
Palettes for #304a49 color:
Below are examples of color palettes with the #304a49 HEX color
darkest color is #050707 from shades and lightest color is #eaeded from tints
Shades palette of #304a49:
#2b4342
#263b3a
#223433
#1d2c2c
#182525
#131e1d
#0e1616
#0a0f0f
#050707
#000000
Tints palette of #304a49:
#455c5b
#596e6d
#6e8080
#839292
#98a5a4
#acb7b6
#c1c9c8
#d6dbdb
#eaeded
#ffffff
Complementary palette of #304a49:
#304a49
#4a3031
Triadic palette of #304a49:
#304a49
#49304a
#4a4930
Square palette of #304a49:
#304a49
#3c304a
#4a3031
#3e4a30
Analogous palette of #304a49:
#304a3c
#304a49
#303e4a
Split-Complementary palette of #304a49:
#304a49
#4a303e
#4a3c30
Rectangle (tetradic) palette of #304a49:
#304a49
#30314a
#4a3031
#4a4930
Suggested color palettes for #304a49 HEX:
Color palette with color #304a49 #1:
Color palette with color #304a49 #2:
Color palette with color #304a49 #3:
Color palette with color #304a49 #4:
Color palette with color #304a49 #5:
Color #304a49 used in palettes (1)
Color Contrast
Color pairings of #304a49 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#304a49
#304a49 Contrast Ratio
9.53:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#304a49
#304a49 Contrast Ratio
2.2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #304a49 color png
Visit the popular colors list for more colors