Created at 02/21/2023 11:40
  28

#305f6e HEX Color information

Color HEX RGB
#305f6e RGB(48, 95, 110)

RGB values are RGB(48, 95, 110)
#305f6e color contain Red 18.82%, Green 37.25% and Blue 43.14%.

Classification of #305f6e color

#305f6e is Semi dark and Cool Color
Opposite Color for #305f6e is #6e4030

#305f6e Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #305f6e

Decimal
3170158
HEX
#305f6e
HSL
hsl(195, 39%, 31%)
HSLA
hsla(195, 39%, 31%, 1)
RGB
RGB(48, 95, 110)
RGBA
RGBA(48, 95, 110, 1)

Palettes for #305f6e color:

Below examples of color palettes for #305f6e HEX color

darkest color is #05090b from shades and lightest color is #eaeff1 from tints

Shades palette of #305f6e:
Tints palette of #305f6e:
Complementary palette of #305f6e:
Triadic palette of #305f6e:
Square palette of #305f6e:
Analogous palette of #305f6e:
Split-Complementary palette of #305f6e:
Rectangle (tetradic) palette of #305f6e:

Suggested colors palettes for #305f6e HEX:

Colors palette with color #305f6e #1:
Colors palette with color #305f6e #2:
Colors palette with color #305f6e #3:
Colors palette with color #305f6e #4:
Colors palette with color #305f6e #5:

Color #305f6e used in palettes (1)

Color Contrast

Color pairings #305f6e with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio

#305f6e
#305f6e
Contrast Ratio
7.02:1
SizeAA-levelAAA-level
Large text:
Small text:
#305f6e
#305f6e
Contrast Ratio
2.98:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #305f6e color png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes