#316189 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #316189 | RGB(49, 97, 137) |
Created at 11/14/2026 16:52
RGB values are RGB(49, 97, 137)
#316189 color contains Red 19.22%, Green 38.04% and Blue 53.73%.
oklch(47.75% 0.0834 245.91)
#316189 color contains Red 19.22%, Green 38.04% and Blue 53.73%.
oklch(47.75% 0.0834 245.91)
Color Names of #316189 HEX code
≈ Calypso
Classification of #316189 color
#316189 is Semi dark and Cool Color Saturation 47%, lightness 36%.
Shade of Royal Blue
Alternative colors of #316189
Opposite Color for #316189 is #895931
#316189 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #316189
cmyk
CMYK(64%, 29%, 0%, 46%)
Decimal
3236233
HEX
#316189
HSL
hsl(207, 47%, 36%)
HSLA
hsla(207, 47%, 36%, 1)
RGB
RGB(49, 97, 137)
RGBA
RGBA(49, 97, 137, 1)
Palettes for #316189 color:
Below are examples of color palettes with the #316189 HEX color
darkest color is #050a0e from shades and lightest color is #eaeff3 from tints
Shades palette of #316189:
#2c577b
#274e6e
#224460
#1d3a52
#193145
#142737
#0f1d29
#0a131b
#050a0e
#000000
Tints palette of #316189:
#467195
#5a81a1
#6f90ac
#83a0b8
#98b0c4
#adc0d0
#c1d0dc
#d6dfe7
#eaeff3
#ffffff
Complementary palette of #316189:
#316189
#895931
Triadic palette of #316189:
#316189
#893161
#618931
Square palette of #316189:
#316189
#853189
#895931
#358931
Analogous palette of #316189:
#318985
#316189
#313589
Split-Complementary palette of #316189:
#316189
#893135
#898531
Rectangle (tetradic) palette of #316189:
#316189
#593189
#895931
#618931
Suggested color palettes for #316189 HEX:
Color palette with color #316189 #1:
Color palette with color #316189 #2:
Color palette with color #316189 #3:
Color palette with color #316189 #4:
Color palette with color #316189 #5:
Color #316189 used in palettes (1)
Color Contrast
Color pairings of #316189 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#316189
#316189Contrast Ratio
6.55:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#316189
#316189Contrast Ratio
3.2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #316189 color png
Visit the popular colors list for more colors