#366cc4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #366cc4 | RGB(54, 108, 196) |
Created at 12/14/2023 21:06
RGB values are RGB(54, 108, 196)
#366cc4 color contains Red 21.18%, Green 42.35% and Blue 76.86%.
oklch(54.09% 0.149 259.71)
#366cc4 color contains Red 21.18%, Green 42.35% and Blue 76.86%.
oklch(54.09% 0.149 259.71)
Color Names of #366cc4 HEX code
≈ Mariner
Classification of #366cc4 color
#366cc4 is Semi dark and Cool Color Saturation 57%, lightness 49%.
Shade of Royal Blue
Alternative colors of #366cc4
Opposite Color for #366cc4 is #c48e36
#366cc4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #366cc4
cmyk
CMYK(72%, 45%, 0%, 23%)
Decimal
3566788
HEX
#366cc4
HSL
hsl(217, 57%, 49%)
HSLA
hsla(217, 57%, 49%, 1)
RGB
RGB(54, 108, 196)
RGBA
RGBA(54, 108, 196, 1)
Palettes for #366cc4 color:
Below are examples of color palettes with the #366cc4 HEX color
darkest color is #050b14 from shades and lightest color is #ebf0f9 from tints
Shades palette of #366cc4:
#3161b0
#2b569d
#264c89
#204176
#1b3662
#162b4e
#10203b
#0b1627
#050b14
#000000
Tints palette of #366cc4:
#4a7bca
#5e89d0
#7298d6
#86a7dc
#9bb6e2
#afc4e7
#c3d3ed
#d7e2f3
#ebf0f9
#ffffff
Complementary palette of #366cc4:
#366cc4
#c48e36
Triadic palette of #366cc4:
#366cc4
#c4366c
#6cc436
Square palette of #366cc4:
#366cc4
#c436b3
#c48e36
#36c447
Analogous palette of #366cc4:
#36b3c4
#366cc4
#4736c4
Split-Complementary palette of #366cc4:
#366cc4
#c44736
#b3c436
Rectangle (tetradic) palette of #366cc4:
#366cc4
#8e36c4
#c48e36
#6cc436
Suggested color palettes for #366cc4 HEX:
Color palette with color #366cc4 #1:
Color palette with color #366cc4 #2:
Color palette with color #366cc4 #3:
Color palette with color #366cc4 #4:
Color palette with color #366cc4 #5:
Color Contrast
Color pairings of #366cc4 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#366cc4
#366cc4Contrast Ratio
5.12:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#366cc4
#366cc4Contrast Ratio
4.09:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #366cc4 color png
Visit the popular colors list for more colors