#366df2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #366df2 | RGB(54, 109, 242) |
Created at 10/30/2026 06:14
RGB values are RGB(54, 109, 242)
#366df2 color contains Red 21.18%, Green 42.75% and Blue 94.9%.
oklch(57.63% 0.2086 263.98)
#366df2 color contains Red 21.18%, Green 42.75% and Blue 94.9%.
oklch(57.63% 0.2086 263.98)
Color Names of #366df2 HEX code
≈ Royal Blue
Classification of #366df2 color
#366df2 is Light and Cool Color Saturation 88%, lightness 58%.
Tint of Royal Blue
Alternative colors of #366df2
Opposite Color for #366df2 is #f2bb36
#366df2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #366df2
cmyk
CMYK(78%, 55%, 0%, 5%)
Decimal
3567090
HEX
#366df2
HSL
hsl(222, 88%, 58%)
HSLA
hsla(222, 88%, 58%, 1)
RGB
RGB(54, 109, 242)
RGBA
RGBA(54, 109, 242, 1)
Palettes for #366df2 color:
Below are examples of color palettes with the #366df2 HEX color
darkest color is #050b18 from shades and lightest color is #ebf0fe from tints
Shades palette of #366df2:
#3162da
#2b57c2
#264ca9
#204191
#1b3779
#162c61
#102149
#0b1630
#050b18
#000000
Tints palette of #366df2:
#4a7cf3
#5e8af5
#7299f6
#86a7f7
#9bb6f9
#afc5fa
#c3d3fb
#d7e2fc
#ebf0fe
#ffffff
Complementary palette of #366df2:
#366df2
#f2bb36
Triadic palette of #366df2:
#366df2
#f2366d
#6df236
Square palette of #366df2:
#366df2
#f236cb
#f2bb36
#36f25d
Analogous palette of #366df2:
#36cbf2
#366df2
#5d36f2
Split-Complementary palette of #366df2:
#366df2
#f25d36
#cbf236
Rectangle (tetradic) palette of #366df2:
#366df2
#bb36f2
#f2bb36
#6df236
Suggested color palettes for #366df2 HEX:
Color palette with color #366df2 #1:
Color palette with color #366df2 #2:
Color palette with color #366df2 #3:
Color palette with color #366df2 #4:
Color palette with color #366df2 #5:
Color Contrast
Color pairings of #366df2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#366df2
#366df2Contrast Ratio
4.53:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#366df2
#366df2Contrast Ratio
4.62:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #366df2 color png
Visit the popular colors list for more colors