#313e9e HEX color information
| Color | HEX | RGB |
|---|---|---|
| #313e9e | RGB(49, 62, 158) |
Created at 03/21/2023 17:23
RGB values are RGB(49, 62, 158)
#313e9e color contains Red 19.22%, Green 24.31% and Blue 61.96%.
oklch(41.42% 0.1552 271.88)
#313e9e color contains Red 19.22%, Green 24.31% and Blue 61.96%.
oklch(41.42% 0.1552 271.88)
Color Names of #313e9e HEX code
≈ Sapphire
Classification of #313e9e color
#313e9e is Semi dark and Cool Color Saturation 53%, lightness 41%.
Shade of Dark Slate Blue
Alternative colors of #313e9e
Opposite Color for #313e9e is #9e9131
#313e9e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #313e9e
cmyk
CMYK(69%, 61%, 0%, 38%)
Decimal
3227294
HEX
#313e9e
HSL
hsl(233, 53%, 41%)
HSLA
hsla(233, 53%, 41%, 1)
RGB
RGB(49, 62, 158)
RGBA
RGBA(49, 62, 158, 1)
Palettes for #313e9e color:
Below are examples of color palettes with the #313e9e HEX color
darkest color is #050610 from shades and lightest color is #eaecf5 from tints
Shades palette of #313e9e:
#2c388e
#27327e
#222b6f
#1d255f
#191f4f
#14193f
#0f132f
#0a0c20
#050610
#000000
Tints palette of #313e9e:
#4651a8
#5a65b1
#6f78bb
#838bc5
#989fcf
#adb2d8
#c1c5e2
#d6d8ec
#eaecf5
#ffffff
Complementary palette of #313e9e:
#313e9e
#9e9131
Triadic palette of #313e9e:
#313e9e
#9e313e
#3e9e31
Square palette of #313e9e:
#313e9e
#9e3175
#9e9131
#319e5b
Analogous palette of #313e9e:
#31759e
#313e9e
#5b319e
Split-Complementary palette of #313e9e:
#313e9e
#9e5b31
#759e31
Rectangle (tetradic) palette of #313e9e:
#313e9e
#91319e
#9e9131
#3e9e31
Suggested color palettes for #313e9e HEX:
Color palette with color #313e9e #1:
Color palette with color #313e9e #2:
Color palette with color #313e9e #3:
Color palette with color #313e9e #4:
Color palette with color #313e9e #5:
Color #313e9e used in palettes (1)
Color Contrast
Color pairings of #313e9e with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#313e9e
#313e9eContrast Ratio
9.07:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#313e9e
#313e9eContrast Ratio
2.31:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #313e9e color png
Visit the popular colors list for more colors