#396bff HEX color information
| Color | HEX | RGB |
|---|---|---|
| #396bff | RGB(57, 107, 255) |
Created at 10/19/2024 20:16
Classification of #396bff color
#396bff is Light and Cool Color Saturation 100%, lightness 61%.
Tint of Royal Blue
RGB values are RGB(57, 107, 255)
#396bff color contains Red 22.35%, Green 41.96% and Blue 100%.
oklch(58.38% 0.2266 265.47)
#396bff color contains Red 22.35%, Green 41.96% and Blue 100%.
oklch(58.38% 0.2266 265.47)
Color Names of #396bff HEX code
≈ Royal Blue
Alternative colors of #396bff
Opposite Color for #396bff is #ffcd39
#396bff Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #396bff
cmyk
CMYK(78%, 58%, 0%, 0%)
Decimal
3763199
HEX
#396bff
HSL
hsl(225, 100%, 61%)
HSLA
hsla(225, 100%, 61%, 1)
RGB
RGB(57, 107, 255)
RGBA
RGBA(57, 107, 255, 1)
Palettes for #396bff color:
Below are examples of color palettes with the #396bff HEX color
darkest color is #060b19 from shades and lightest color is #ebf0ff from tints
Shades palette of #396bff:
#3360e6
#2e56cc
#284bb3
#224099
#1d3680
#172b66
#11204d
#0b1533
#060b19
#000000
Tints palette of #396bff:
#4d7aff
#6189ff
#7497ff
#88a6ff
#9cb5ff
#b0c4ff
#c4d3ff
#d7e1ff
#ebf0ff
#ffffff
Complementary palette of #396bff:
#396bff
#ffcd39
Triadic palette of #396bff:
#396bff
#ff396b
#6bff39
Square palette of #396bff:
#396bff
#ff39ce
#ffcd39
#39ff6a
Analogous palette of #396bff:
#39ceff
#396bff
#6a39ff
Split-Complementary palette of #396bff:
#396bff
#ff6a39
#ceff39
Rectangle (tetradic) palette of #396bff:
#396bff
#cd39ff
#ffcd39
#6bff39
Suggested color palettes for #396bff HEX:
Color palette with color #396bff #1:
Color palette with color #396bff #2:
Color palette with color #396bff #3:
Color palette with color #396bff #4:
Color palette with color #396bff #5:
Color Contrast
Color pairings of #396bff with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#396bff
#396bff Contrast Ratio
4.44:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#396bff
#396bff Contrast Ratio
4.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #396bff color png
Visit the popular colors list for more colors