#364da2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #364da2 | RGB(54, 77, 162) |
Created at 10/09/2026 08:09
Classification of #364da2 color
#364da2 is Semi dark and Cool Color Saturation 50%, lightness 42%.
Tint of Dark Slate Blue
RGB values are RGB(54, 77, 162)
#364da2 color contains Red 21.18%, Green 30.2% and Blue 63.53%.
oklch(45.04% 0.14 268.8)
#364da2 color contains Red 21.18%, Green 30.2% and Blue 63.53%.
oklch(45.04% 0.14 268.8)
Color Names of #364da2 HEX code
≈ Sapphire
Alternative colors of #364da2
Opposite Color for #364da2 is #a28b36
#364da2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #364da2
cmyk
CMYK(67%, 52%, 0%, 36%)
Decimal
3558818
HEX
#364da2
HSL
hsl(227, 50%, 42%)
HSLA
hsla(227, 50%, 42%, 1)
RGB
RGB(54, 77, 162)
RGBA
RGBA(54, 77, 162, 1)
Palettes for #364da2 color:
Below are examples of color palettes with the #364da2 HEX color
darkest color is #050810 from shades and lightest color is #ebedf6 from tints
Shades palette of #364da2:
#314592
#2b3e82
#263671
#202e61
#1b2751
#161f41
#101731
#0b0f20
#050810
#000000
Tints palette of #364da2:
#4a5fab
#5e71b5
#7282be
#8694c7
#9ba6d1
#afb8da
#c3cae3
#d7dbec
#ebedf6
#ffffff
Complementary palette of #364da2:
#364da2
#a28b36
Triadic palette of #364da2:
#364da2
#a2364d
#4da236
Square palette of #364da2:
#364da2
#a23683
#a28b36
#36a255
Analogous palette of #364da2:
#3683a2
#364da2
#5536a2
Split-Complementary palette of #364da2:
#364da2
#a25536
#83a236
Rectangle (tetradic) palette of #364da2:
#364da2
#8b36a2
#a28b36
#4da236
Suggested color palettes for #364da2 HEX:
Color palette with color #364da2 #1:
Color palette with color #364da2 #2:
Color palette with color #364da2 #3:
Color palette with color #364da2 #4:
Color palette with color #364da2 #5:
Color Contrast
Color pairings of #364da2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#364da2
#364da2 Contrast Ratio
7.66:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#364da2
#364da2 Contrast Ratio
2.74:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #364da2 color png
Visit the popular colors list for more colors