Created at 12/01/2023 10:43
  4

#1f309e HEX Color information

Color HEX RGB
#1f309e RGB(31, 48, 158)

RGB values are RGB(31, 48, 158)
#1f309e color contain Red 12.16%, Green 18.82% and Blue 61.96%.

Classification of #1f309e color

#1f309e is Light and Cool Color
Opposite Color for #1f309e is #9e8d1f

#1f309e Color Conversion

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

Decimal
2044062
HEX
#1f309e
HSL
hsl(232, 67%, 37%)
HSLA
hsla(232, 67%, 37%, 1)
RGB
RGB(31, 48, 158)
RGBA
RGBA(31, 48, 158, 1)

Palettes for #1f309e color:

Below examples of color palettes for #1f309e HEX color

darkest color is #030510 from shades and lightest color is #e9eaf5 from tints

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

Suggested colors palettes for #1f309e HEX:

Colors palette with color #1f309e #1:
Colors palette with color #1f309e #2:
Colors palette with color #1f309e #3:
Colors palette with color #1f309e #4:
Colors palette with color #1f309e #5:

Color Contrast

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

#1f309e
#1f309e
Contrast Ratio
10.63:1
SizeAA-levelAAA-level
Large text:
Small text:
#1f309e
#1f309e
Contrast Ratio
1.97:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #1f309e 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