#366de2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #366de2 | RGB(54, 109, 226) |
Created at 12/07/2023 20:19
RGB values are RGB(54, 109, 226)
#366de2 color contains Red 21.18%, Green 42.75% and Blue 88.63%.
oklch(56.41% 0.1878 262.89)
#366de2 color contains Red 21.18%, Green 42.75% and Blue 88.63%.
oklch(56.41% 0.1878 262.89)
Color Names of #366de2 HEX code
≈ Royal Blue
Classification of #366de2 color
#366de2 is Semi dark and Cool Color Saturation 75%, lightness 55%.
Shade of Royal Blue
Alternative colors of #366de2
Opposite Color for #366de2 is #e2ab36
#366de2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #366de2
cmyk
CMYK(76%, 52%, 0%, 11%)
Decimal
3567074
HEX
#366de2
HSL
hsl(221, 75%, 55%)
HSLA
hsla(221, 75%, 55%, 1)
RGB
RGB(54, 109, 226)
RGBA
RGBA(54, 109, 226, 1)
Palettes for #366de2 color:
Below are examples of color palettes with the #366de2 HEX color
darkest color is #050b17 from shades and lightest color is #ebf0fc from tints
Shades palette of #366de2:
#3162cb
#2b57b5
#264c9e
#204188
#1b3771
#162c5a
#102144
#0b162d
#050b17
#000000
Tints palette of #366de2:
#4a7ce5
#5e8ae8
#7299eb
#86a7ee
#9bb6f1
#afc5f3
#c3d3f6
#d7e2f9
#ebf0fc
#ffffff
Complementary palette of #366de2:
#366de2
#e2ab36
Triadic palette of #366de2:
#366de2
#e2366d
#6de236
Square palette of #366de2:
#366de2
#e236c3
#e2ab36
#36e255
Analogous palette of #366de2:
#36c3e2
#366de2
#5536e2
Split-Complementary palette of #366de2:
#366de2
#e25536
#c3e236
Rectangle (tetradic) palette of #366de2:
#366de2
#ab36e2
#e2ab36
#6de236
Suggested color palettes for #366de2 HEX:
Color palette with color #366de2 #1:
Color palette with color #366de2 #2:
Color palette with color #366de2 #3:
Color palette with color #366de2 #4:
Color palette with color #366de2 #5:
Color Contrast
Color pairings of #366de2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#366de2
#366de2Contrast Ratio
4.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#366de2
#366de2Contrast Ratio
4.44:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #366de2 color png
Visit the popular colors list for more colors