#30586c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #30586c | RGB(48, 88, 108) |
Created at 10/11/2026 22:36
Classification of #30586c color
#30586c is Semi dark and Cool Color Saturation 38%, lightness 31%.
Tint of Dark Slate Gray
RGB values are RGB(48, 88, 108)
#30586c color contains Red 18.82%, Green 34.51% and Blue 42.35%.
oklch(43.97% 0.0559 231.7)
#30586c color contains Red 18.82%, Green 34.51% and Blue 42.35%.
oklch(43.97% 0.0559 231.7)
Color Names of #30586c HEX code
≈ Casal
Alternative colors of #30586c
Opposite Color for #30586c is #6c4430
#30586c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #30586c
cmyk
CMYK(56%, 19%, 0%, 58%)
Decimal
3168364
HEX
#30586c
HSL
hsl(200, 38%, 31%)
HSLA
hsla(200, 38%, 31%, 1)
RGB
RGB(48, 88, 108)
RGBA
RGBA(48, 88, 108, 1)
Palettes for #30586c color:
Below are examples of color palettes with the #30586c HEX color
darkest color is #05090b from shades and lightest color is #eaeef0 from tints
Shades palette of #30586c:
#2b4f61
#264656
#223e4c
#1d3541
#182c36
#13232b
#0e1a20
#0a1216
#05090b
#000000
Tints palette of #30586c:
#45697b
#597989
#6e8a98
#839ba7
#98acb6
#acbcc4
#c1cdd3
#d6dee2
#eaeef0
#ffffff
Complementary palette of #30586c:
#30586c
#6c4430
Triadic palette of #30586c:
#30586c
#6c3058
#586c30
Square palette of #30586c:
#30586c
#62306c
#6c4430
#3a6c30
Analogous palette of #30586c:
#306c62
#30586c
#303a6c
Split-Complementary palette of #30586c:
#30586c
#6c303a
#6c6230
Rectangle (tetradic) palette of #30586c:
#30586c
#44306c
#6c4430
#586c30
Suggested color palettes for #30586c HEX:
Color palette with color #30586c #1:
Color palette with color #30586c #2:
Color palette with color #30586c #3:
Color palette with color #30586c #4:
Color palette with color #30586c #5:
Color Contrast
Color pairings of #30586c with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#30586c
#30586c Contrast Ratio
7.66:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#30586c
#30586c Contrast Ratio
2.73:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #30586c color png
Visit the popular colors list for more colors