#386aa2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #386aa2 | RGB(56, 106, 162) |
Created at 02/20/2023 13:02
Classification of #386aa2 color
#386aa2 is Semi dark and Cool Color Saturation 49%, lightness 43%.
Shade of royalblue
RGB values are RGB(56, 106, 162)
#386aa2 color contains Red 21.96%, Green 41.57% and Blue 63.53%.
oklch(51.61% 0.1044 252.79)
#386aa2 color contains Red 21.96%, Green 41.57% and Blue 63.53%.
oklch(51.61% 0.1044 252.79)
Color Names of #386aa2 HEX code
≈ San Marino
Alternative colors of #386aa2
Opposite Color for #386aa2 is #a27038
#386aa2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #386aa2
cmyk
CMYK(65%, 35%, 0%, 36%)
Decimal
3697314
HEX
#386aa2
HSL
hsl(212, 49%, 43%)
HSLA
hsla(212, 49%, 43%, 1)
RGB
RGB(56, 106, 162)
RGBA
RGBA(56, 106, 162, 1)
Palettes for #386aa2 color:
Below examples of color palettes for #386aa2 HEX color
darkest color is #060b10 from shades and lightest color is #ebf0f6 from tints
Shades palette of #386aa2:
#325f92
#2d5582
#274a71
#224061
#1c3551
#162a41
#112031
#0b1520
#060b10
#000000
Tints palette of #386aa2:
#4c79ab
#6088b5
#7497be
#88a6c7
#9cb5d1
#afc3da
#c3d2e3
#d7e1ec
#ebf0f6
#ffffff
Complementary palette of #386aa2:
#386aa2
#a27038
Triadic palette of #386aa2:
#386aa2
#a2386a
#6aa238
Square palette of #386aa2:
#386aa2
#a2389f
#a27038
#38a23b
Analogous palette of #386aa2:
#389fa2
#386aa2
#3b38a2
Split-Complementary palette of #386aa2:
#386aa2
#a23b38
#9fa238
Rectangle (tetradic) palette of #386aa2:
#386aa2
#7038a2
#a27038
#6aa238
Suggested color palettes for #386aa2 HEX:
Color palette with color #386aa2 #1:
Color palette with color #386aa2 #2:
Color palette with color #386aa2 #3:
Color palette with color #386aa2 #4:
Color palette with color #386aa2 #5:
Color #386aa2 used in palettes (1)
Color Contrast
Color pairings #386aa2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#386aa2
#386aa2 Contrast Ratio
5.59:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#386aa2
#386aa2 Contrast Ratio
3.75:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #386aa2 color png
Visit the popular colors list for more colors