#313eb2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #313eb2 | RGB(49, 62, 178) |
Created at 10/25/2026 08:56
RGB values are RGB(49, 62, 178)
#313eb2 color contains Red 19.22%, Green 24.31% and Blue 69.8%.
oklch(43.21% 0.1822 271.35)
#313eb2 color contains Red 19.22%, Green 24.31% and Blue 69.8%.
oklch(43.21% 0.1822 271.35)
Color Names of #313eb2 HEX code
≈ Governor Bay
Classification of #313eb2 color
#313eb2 is Semi dark and Cool Color Saturation 57%, lightness 45%.
Shade of Dark Slate Blue
Alternative colors of #313eb2
Opposite Color for #313eb2 is #b2a531
#313eb2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #313eb2
cmyk
CMYK(72%, 65%, 0%, 30%)
Decimal
3227314
HEX
#313eb2
HSL
hsl(234, 57%, 45%)
HSLA
hsla(234, 57%, 45%, 1)
RGB
RGB(49, 62, 178)
RGBA
RGBA(49, 62, 178, 1)
Palettes for #313eb2 color:
Below are examples of color palettes with the #313eb2 HEX color
darkest color is #050612 from shades and lightest color is #eaecf7 from tints
Shades palette of #313eb2:
#2c38a0
#27328e
#222b7d
#1d256b
#191f59
#141947
#0f1335
#0a0c24
#050612
#000000
Tints palette of #313eb2:
#4651ba
#5a65c1
#6f78c9
#838bd1
#989fd9
#adb2e0
#c1c5e8
#d6d8f0
#eaecf7
#ffffff
Complementary palette of #313eb2:
#313eb2
#b2a531
Triadic palette of #313eb2:
#313eb2
#b2313e
#3eb231
Square palette of #313eb2:
#313eb2
#b2317f
#b2a531
#31b264
Analogous palette of #313eb2:
#317fb2
#313eb2
#6431b2
Split-Complementary palette of #313eb2:
#313eb2
#b26431
#7eb231
Rectangle (tetradic) palette of #313eb2:
#313eb2
#a531b2
#b2a531
#3eb231
Suggested color palettes for #313eb2 HEX:
Color palette with color #313eb2 #1:
Color palette with color #313eb2 #2:
Color palette with color #313eb2 #3:
Color palette with color #313eb2 #4:
Color palette with color #313eb2 #5:
Color Contrast
Color pairings of #313eb2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#313eb2
#313eb2Contrast Ratio
8.52:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#313eb2
#313eb2Contrast Ratio
2.46:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #313eb2 color png
Visit the popular colors list for more colors