#396cc5 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #396cc5 | RGB(57, 108, 197) |
Created at 02/17/2023 19:16
Classification of #396cc5 color
#396cc5 is Semi dark and Cool Color Saturation 55%, lightness 50%.
Shade of Royal Blue
RGB values are RGB(57, 108, 197)
#396cc5 color contains Red 22.35%, Green 42.35% and Blue 77.25%.
oklch(54.28% 0.1494 260.67)
#396cc5 color contains Red 22.35%, Green 42.35% and Blue 77.25%.
oklch(54.28% 0.1494 260.67)
Color Names of #396cc5 HEX code
≈ Mariner
Alternative colors of #396cc5
Opposite Color for #396cc5 is #c59239
#396cc5 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #396cc5
cmyk
CMYK(71%, 45%, 0%, 23%)
Decimal
3763397
HEX
#396cc5
HSL
hsl(218, 55%, 50%)
HSLA
hsla(218, 55%, 50%, 1)
RGB
RGB(57, 108, 197)
RGBA
RGBA(57, 108, 197, 1)
Palettes for #396cc5 color:
Below examples of color palettes for #396cc5 HEX color
darkest color is #060b14 from shades and lightest color is #ebf0f9 from tints
Shades palette of #396cc5:
#3361b1
#2e569e
#284c8a
#224176
#1d3663
#172b4f
#11203b
#0b1627
#060b14
#000000
Tints palette of #396cc5:
#4d7bcb
#6189d1
#7498d6
#88a7dc
#9cb6e2
#b0c4e8
#c4d3ee
#d7e2f3
#ebf0f9
#ffffff
Complementary palette of #396cc5:
#396cc5
#c59239
Triadic palette of #396cc5:
#396cc5
#c5396c
#6cc539
Square palette of #396cc5:
#396cc5
#c539b2
#c59239
#39c54c
Analogous palette of #396cc5:
#39b2c5
#396cc5
#4c39c5
Split-Complementary palette of #396cc5:
#396cc5
#c54c39
#b2c539
Rectangle (tetradic) palette of #396cc5:
#396cc5
#9239c5
#c59239
#6cc539
Suggested color palettes for #396cc5 HEX:
Color palette with color #396cc5 #1:
Color palette with color #396cc5 #2:
Color palette with color #396cc5 #3:
Color palette with color #396cc5 #4:
Color palette with color #396cc5 #5:
Color #396cc5 used in palettes (2)
Color Contrast
Color pairings #396cc5 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#396cc5
#396cc5 Contrast Ratio
5.09:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#396cc5
#396cc5 Contrast Ratio
4.12:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #396cc5 color png
Visit the popular colors list for more colors