#5660b2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5660b2 | RGB(86, 96, 178) |
Created at 10/29/2026 08:01
RGB values are RGB(86, 96, 178)
#5660b2 color contains Red 33.73%, Green 37.65% and Blue 69.8%.
oklch(52.11% 0.1285 275.76)
#5660b2 color contains Red 33.73%, Green 37.65% and Blue 69.8%.
oklch(52.11% 0.1285 275.76)
Color Names of #5660b2 HEX code
≈ Blue Violet
Classification of #5660b2 color
#5660b2 is Semi dark and Cool Color Saturation 37%, lightness 52%.
Shade of Slate Blue
Alternative colors of #5660b2
Opposite Color for #5660b2 is #b2a856
#5660b2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5660b2
cmyk
CMYK(52%, 46%, 0%, 30%)
Decimal
5660850
HEX
#5660b2
HSL
hsl(233, 37%, 52%)
HSLA
hsla(233, 37%, 52%, 1)
RGB
RGB(86, 96, 178)
RGBA
RGBA(86, 96, 178, 1)
Palettes for #5660b2 color:
Below are examples of color palettes with the #5660b2 HEX color
darkest color is #090a12 from shades and lightest color is #eeeff7 from tints
Shades palette of #5660b2:
#4d56a0
#454d8e
#3c437d
#343a6b
#2b3059
#222647
#1a1d35
#111324
#090a12
#000000
Tints palette of #5660b2:
#6770ba
#7880c1
#8990c9
#9aa0d1
#abb0d9
#bbbfe0
#cccfe8
#dddff0
#eeeff7
#ffffff
Complementary palette of #5660b2:
#5660b2
#b2a856
Triadic palette of #5660b2:
#5660b2
#b25660
#60b256
Square palette of #5660b2:
#5660b2
#b2568e
#b2a856
#56b27a
Analogous palette of #5660b2:
#568eb2
#5660b2
#7a56b2
Split-Complementary palette of #5660b2:
#5660b2
#b27a56
#8eb256
Rectangle (tetradic) palette of #5660b2:
#5660b2
#a856b2
#b2a856
#60b256
Suggested color palettes for #5660b2 HEX:
Color palette with color #5660b2 #1:
Color palette with color #5660b2 #2:
Color palette with color #5660b2 #3:
Color palette with color #5660b2 #4:
Color palette with color #5660b2 #5:
Color Contrast
Color pairings of #5660b2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5660b2
#5660b2Contrast Ratio
5.65:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5660b2
#5660b2Contrast Ratio
3.71:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5660b2 color png
Visit the popular colors list for more colors