#304c5b HEX color information
| Color | HEX | RGB |
|---|---|---|
| #304c5b | RGB(48, 76, 91) |
Created at 10/27/2026 15:58
RGB values are RGB(48, 76, 91)
#304c5b color contains Red 18.82%, Green 29.8% and Blue 35.69%.
oklch(40.07% 0.0422 232.66)
#304c5b color contains Red 18.82%, Green 29.8% and Blue 35.69%.
oklch(40.07% 0.0422 232.66)
Color Names of #304c5b HEX code
≈ Pickled Bluewood
Classification of #304c5b color
#304c5b is Semi dark and Cool Color Saturation 31%, lightness 27%.
Shade of Dark Slate Gray
Alternative colors of #304c5b
Opposite Color for #304c5b is #5b3f30
#304c5b Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #304c5b
cmyk
CMYK(47%, 16%, 0%, 64%)
Decimal
3165275
HEX
#304c5b
HSL
hsl(201, 31%, 27%)
HSLA
hsla(201, 31%, 27%, 1)
RGB
RGB(48, 76, 91)
RGBA
RGBA(48, 76, 91, 1)
Palettes for #304c5b color:
Below are examples of color palettes with the #304c5b HEX color
darkest color is #050809 from shades and lightest color is #eaedef from tints
Shades palette of #304c5b:
#2b4452
#263d49
#223540
#1d2e37
#18262e
#131e24
#0e171b
#0a0f12
#050809
#000000
Tints palette of #304c5b:
#455e6b
#59707c
#6e828c
#83949d
#98a6ad
#acb7bd
#c1c9ce
#d6dbde
#eaedef
#ffffff
Complementary palette of #304c5b:
#304c5b
#5b3f30
Triadic palette of #304c5b:
#304c5b
#5b304c
#4c5b30
Square palette of #304c5b:
#304c5b
#55305b
#5b3f30
#375b30
Analogous palette of #304c5b:
#305b55
#304c5b
#30365b
Split-Complementary palette of #304c5b:
#304c5b
#5b3036
#5b5530
Rectangle (tetradic) palette of #304c5b:
#304c5b
#3f305b
#5b3f30
#4c5b30
Suggested color palettes for #304c5b HEX:
Color palette with color #304c5b #1:
Color palette with color #304c5b #2:
Color palette with color #304c5b #3:
Color palette with color #304c5b #4:
Color palette with color #304c5b #5:
Color Contrast
Color pairings of #304c5b with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#304c5b
#304c5bContrast Ratio
9.08:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#304c5b
#304c5bContrast Ratio
2.31:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #304c5b color png
Visit the popular colors list for more colors