Created at 12/07/2023 23:56
#366efc HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #366efc | RGB(54, 110, 252) |
RGB values are RGB(54, 110, 252)
#366efc color contain Red 21.18%, Green 43.14% and Blue 98.82%.
oklch(58.60% 0.2201 264.28)
#366efc color contain Red 21.18%, Green 43.14% and Blue 98.82%.
oklch(58.60% 0.2201 264.28)
Classification of #366efc color
#366efc is Light and Cool Color Saturation 97%, lightness 60%.
Shade of royalblue
Alternative colors of #366efc
Opposite Color for #366efc is #fcc436
#366efc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #366efc
Decimal
3567356
HEX
#366efc
HSL
hsl(223, 97%, 60%)
HSLA
hsla(223, 97%, 60%, 1)
RGB
RGB(54, 110, 252)
RGBA
RGBA(54, 110, 252, 1)
Palettes for #366efc color:
Below examples of color palettes for #366efc HEX color
darkest color is #050b19 from shades and lightest color is #ebf1ff from tints
Shades palette of #366efc:
#3163e3
#2b58ca
#264db0
#204297
#1b377e
#162c65
#10214c
#0b1632
#050b19
#000000
Tints palette of #366efc:
#4a7dfc
#5e8bfd
#729afd
#86a8fd
#9bb7fe
#afc5fe
#c3d4fe
#d7e2fe
#ebf1ff
#ffffff
Complementary palette of #366efc:
#366efc
#fcc436
Triadic palette of #366efc:
#366efc
#fc366e
#6efc36
Square palette of #366efc:
#366efc
#fc36d1
#36fc61
#fcc436
Analogous palette of #366efc:
#36d1fc
#366efc
Split-Complementary palette of #366efc:
#366efc
#36d1fc
Rectangle (tetradic) palette of #366efc:
#366efc
#fc36d1
#36fc61
#fc6136
Suggested colors palettes for #366efc HEX:
Colors palette with color #366efc #1:
Colors palette with color #366efc #2:
Colors palette with color #366efc #3:
Colors palette with color #366efc #4:
Colors palette with color #366efc #5:
Color Contrast
Color pairings #366efc with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#366efc
#366efc Contrast Ratio
4.38:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#366efc
#366efc Contrast Ratio
4.79:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #366efc color png
Visit the popular colors list for more colors