Created at 02/25/2023 18:05
#31548c HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #31548c | RGB(49, 84, 140) |
RGB values are RGB(49, 84, 140)
#31548c color contain Red 19.22%, Green 32.94% and Blue 54.9%.
oklch(44.80% 0.1009 259.4)
#31548c color contain Red 19.22%, Green 32.94% and Blue 54.9%.
oklch(44.80% 0.1009 259.4)
Classification of #31548c color
#31548c is Semi dark and Cool Color Saturation 48%, lightness 37%.
Shade of darkslateblue
Alternative colors of #31548c
Opposite Color for #31548c is #8c6931
#31548c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #31548c
Decimal
3232908
HEX
#31548c
HSL
hsl(217, 48%, 37%)
HSLA
hsla(217, 48%, 37%, 1)
RGB
RGB(49, 84, 140)
RGBA
RGBA(49, 84, 140, 1)
Palettes for #31548c color:
Below examples of color palettes for #31548c HEX color
darkest color is #05080e from shades and lightest color is #eaeef4 from tints
Shades palette of #31548c:
#2c4c7e
#274370
#223b62
#1d3254
#192a46
#142238
#0f192a
#0a111c
#05080e
#000000
Tints palette of #31548c:
#466598
#5a76a3
#6f87af
#8398ba
#98aac6
#adbbd1
#c1ccdd
#d6dde8
#eaeef4
#ffffff
Complementary palette of #31548c:
#31548c
#8c6931
Triadic palette of #31548c:
#31548c
#8c3154
#548c31
Square palette of #31548c:
#31548c
#8c3181
#318c3c
#8c6931
Analogous palette of #31548c:
#31818c
#31548c
Split-Complementary palette of #31548c:
#31548c
#31818c
Rectangle (tetradic) palette of #31548c:
#31548c
#8c3181
#318c3c
#8c3c31
Suggested colors palettes for #31548c HEX:
Colors palette with color #31548c #1:
Colors palette with color #31548c #2:
Colors palette with color #31548c #3:
Colors palette with color #31548c #4:
Colors palette with color #31548c #5:
Color #31548c used in palettes (2)
Color Contrast
Color pairings #31548c with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#31548c
#31548c Contrast Ratio
7.56:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#31548c
#31548c Contrast Ratio
2.77:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #31548c color png
Visit the popular colors list for more colors