#304b58 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #304b58 | RGB(48, 75, 88) |
Created at 10/06/2026 05:50
Classification of #304b58 color
#304b58 is Semi dark and Cool Color Saturation 29%, lightness 27%.
Shade of Dark Slate Gray
RGB values are RGB(48, 75, 88)
#304b58 color contains Red 18.82%, Green 29.41% and Blue 34.51%.
oklch(39.67% 0.0394 229.75)
#304b58 color contains Red 18.82%, Green 29.41% and Blue 34.51%.
oklch(39.67% 0.0394 229.75)
Color Names of #304b58 HEX code
≈ Pickled Bluewood
Alternative colors of #304b58
Opposite Color for #304b58 is #583d30
#304b58 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #304b58
cmyk
CMYK(45%, 15%, 0%, 65%)
Decimal
3165016
HEX
#304b58
HSL
hsl(200, 29%, 27%)
HSLA
hsla(200, 29%, 27%, 1)
RGB
RGB(48, 75, 88)
RGBA
RGBA(48, 75, 88, 1)
Palettes for #304b58 color:
Below examples of color palettes for #304b58 HEX color
darkest color is #050709 from shades and lightest color is #eaedee from tints
Shades palette of #304b58:
#2b444f
#263c46
#22353e
#1d2d35
#18262c
#131e23
#0e171a
#0a0f12
#050709
#000000
Tints palette of #304b58:
#455d69
#596f79
#6e818a
#83939b
#98a5ac
#acb7bc
#c1c9cd
#d6dbde
#eaedee
#ffffff
Complementary palette of #304b58:
#304b58
#583d30
Triadic palette of #304b58:
#304b58
#58304b
#4b5830
Square palette of #304b58:
#304b58
#513058
#583d30
#375830
Analogous palette of #304b58:
#305851
#304b58
#303758
Split-Complementary palette of #304b58:
#304b58
#583037
#585130
Rectangle (tetradic) palette of #304b58:
#304b58
#3d3058
#583d30
#4b5830
Suggested color palettes for #304b58 HEX:
Color palette with color #304b58 #1:
Color palette with color #304b58 #2:
Color palette with color #304b58 #3:
Color palette with color #304b58 #4:
Color palette with color #304b58 #5:
Color Contrast
Color pairings #304b58 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#304b58
#304b58 Contrast Ratio
9.23:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#304b58
#304b58 Contrast Ratio
2.27:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #304b58 color png
Visit the popular colors list for more colors