Created at 05/10/2025 07:00
#396cbc HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #396cbc | RGB(57, 108, 188) |
RGB values are RGB(57, 108, 188)
#396cbc color contain Red 22.35%, Green 42.35% and Blue 73.73%.
oklch(53.69% 0.1371 259.11)
#396cbc color contain Red 22.35%, Green 42.35% and Blue 73.73%.
oklch(53.69% 0.1371 259.11)
Classification of #396cbc color
#396cbc is Semi dark and Cool Color Saturation 53%, lightness 48%.
Shade of royalblue
Alternative colors of #396cbc
Opposite Color for #396cbc is #bb8a3a
#396cbc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #396cbc
Decimal
3763388
HEX
#396cbc
HSL
hsl(217, 53%, 48%)
HSLA
hsla(217, 53%, 48%, 1)
RGB
RGB(57, 108, 188)
RGBA
RGBA(57, 108, 188, 1)
Palettes for #396cbc color:
Below examples of color palettes for #396cbc HEX color
darkest color is #060b13 from shades and lightest color is #ebf0f8 from tints
Shades palette of #396cbc:
#3361a9
#2e5696
#284c84
#224171
#1d365e
#172b4b
#112038
#0b1626
#060b13
#000000
Tints palette of #396cbc:
#4d7bc3
#6189c9
#7498d0
#88a7d7
#9cb6de
#b0c4e4
#c4d3eb
#d7e2f2
#ebf0f8
#ffffff
Complementary palette of #396cbc:
#3a6bbb
#bb8a3a
Triadic palette of #396cbc:
#3a6bbb
#bb3a6b
#6bbb3a
Square palette of #396cbc:
#3a6bbb
#bb3aac
#3abb49
#bb8a3a
Analogous palette of #396cbc:
#3aacbb
#3a6bbb
Split-Complementary palette of #396cbc:
#3a6bbb
#3aacbb
Rectangle (tetradic) palette of #396cbc:
#3a6bbb
#bb3aac
#3abb49
#bb493a
Suggested colors palettes for #396cbc HEX:
Colors palette with color #396cbc #1:
Colors palette with color #396cbc #2:
Colors palette with color #396cbc #3:
Colors palette with color #396cbc #4:
Colors palette with color #396cbc #5:
Color #396cbc used in palettes (1)
Color Contrast
Color pairings #396cbc with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#396cbc
#396cbc Contrast Ratio
5.19:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#396cbc
#396cbc Contrast Ratio
4.04:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #396cbc color png
Visit the popular colors list for more colors