#314fbf HEX color information
| Color | HEX | RGB |
|---|---|---|
| #314fbf | RGB(49, 79, 191) |
Created at 10/08/2026 20:08
Classification of #314fbf color
#314fbf is Semi dark and Cool Color Saturation 59%, lightness 47%.
Shade of Slate Blue
RGB values are RGB(49, 79, 191)
#314fbf color contains Red 19.22%, Green 30.98% and Blue 74.9%.
oklch(47.50% 0.179 267.54)
#314fbf color contains Red 19.22%, Green 30.98% and Blue 74.9%.
oklch(47.50% 0.179 267.54)
Color Names of #314fbf HEX code
≈ Cerulean Blue
Alternative colors of #314fbf
Opposite Color for #314fbf is #bfa131
#314fbf Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #314fbf
cmyk
CMYK(74%, 59%, 0%, 25%)
Decimal
3231679
HEX
#314fbf
HSL
hsl(227, 59%, 47%)
HSLA
hsla(227, 59%, 47%, 1)
RGB
RGB(49, 79, 191)
RGBA
RGBA(49, 79, 191, 1)
Palettes for #314fbf color:
Below are examples of color palettes with the #314fbf HEX color
darkest color is #050813 from shades and lightest color is #eaedf9 from tints
Shades palette of #314fbf:
#2c47ac
#273f99
#223786
#1d2f73
#192860
#14204c
#0f1839
#0a1026
#050813
#000000
Tints palette of #314fbf:
#4661c5
#5a72cc
#6f84d2
#8395d9
#98a7df
#adb9e5
#c1caec
#d6dcf2
#eaedf9
#ffffff
Complementary palette of #314fbf:
#314fbf
#bfa131
Triadic palette of #314fbf:
#314fbf
#bf314f
#4fbf31
Square palette of #314fbf:
#314fbf
#bf3196
#bfa131
#31bf5a
Analogous palette of #314fbf:
#3196bf
#314fbf
#5a31bf
Split-Complementary palette of #314fbf:
#314fbf
#bf5a31
#96bf31
Rectangle (tetradic) palette of #314fbf:
#314fbf
#a131bf
#bfa131
#4fbf31
Suggested color palettes for #314fbf HEX:
Color palette with color #314fbf #1:
Color palette with color #314fbf #2:
Color palette with color #314fbf #3:
Color palette with color #314fbf #4:
Color palette with color #314fbf #5:
Color Contrast
Color pairings of #314fbf with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#314fbf
#314fbf Contrast Ratio
6.99:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#314fbf
#314fbf Contrast Ratio
3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #314fbf color png
Visit the popular colors list for more colors