#396cb2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #396cb2 | RGB(57, 108, 178) |
Created at 10/18/2026 18:19
RGB values are RGB(57, 108, 178)
#396cb2 color contains Red 22.35%, Green 42.35% and Blue 69.8%.
oklch(53.06% 0.1235 256.86)
#396cb2 color contains Red 22.35%, Green 42.35% and Blue 69.8%.
oklch(53.06% 0.1235 256.86)
Color Names of #396cb2 HEX code
≈ San Marino
Classification of #396cb2 color
#396cb2 is Semi dark and Cool Color Saturation 51%, lightness 46%.
Shade of Royal Blue
Alternative colors of #396cb2
Opposite Color for #396cb2 is #b27f39
#396cb2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #396cb2
cmyk
CMYK(68%, 39%, 0%, 30%)
Decimal
3763378
HEX
#396cb2
HSL
hsl(215, 51%, 46%)
HSLA
hsla(215, 51%, 46%, 1)
RGB
RGB(57, 108, 178)
RGBA
RGBA(57, 108, 178, 1)
Palettes for #396cb2 color:
Below are examples of color palettes with the #396cb2 HEX color
darkest color is #060b12 from shades and lightest color is #ebf0f7 from tints
Shades palette of #396cb2:
#3361a0
#2e568e
#284c7d
#22416b
#1d3659
#172b47
#112035
#0b1624
#060b12
#000000
Tints palette of #396cb2:
#4d7bba
#6189c1
#7498c9
#88a7d1
#9cb6d9
#b0c4e0
#c4d3e8
#d7e2f0
#ebf0f7
#ffffff
Complementary palette of #396cb2:
#396cb2
#b27f39
Triadic palette of #396cb2:
#396cb2
#b2396c
#6cb239
Square palette of #396cb2:
#396cb2
#b239a9
#b27f39
#39b243
Analogous palette of #396cb2:
#39a9b2
#396cb2
#4239b2
Split-Complementary palette of #396cb2:
#396cb2
#b24239
#a9b239
Rectangle (tetradic) palette of #396cb2:
#396cb2
#7f39b2
#b27f39
#6cb239
Suggested color palettes for #396cb2 HEX:
Color palette with color #396cb2 #1:
Color palette with color #396cb2 #2:
Color palette with color #396cb2 #3:
Color palette with color #396cb2 #4:
Color palette with color #396cb2 #5:
Color Contrast
Color pairings of #396cb2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#396cb2
#396cb2Contrast Ratio
5.3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#396cb2
#396cb2Contrast Ratio
3.96:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #396cb2 color png
Visit the popular colors list for more colors