Created at 12/07/2023 02:05
#5677dc HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #5677dc | RGB(86, 119, 220) |
RGB values are RGB(86, 119, 220)
#5677dc color contain Red 33.73%, Green 46.67% and Blue 86.27%.
oklch(59.49% 0.1581 267.79)
#5677dc color contain Red 33.73%, Green 46.67% and Blue 86.27%.
oklch(59.49% 0.1581 267.79)
Classification of #5677dc color
#5677dc is Light and Cool Color Saturation 66%, lightness 60%.
Shade of royalblue
Alternative colors of #5677dc
Opposite Color for #5677dc is #dcbb56
#5677dc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5677dc
Decimal
5666780
HEX
#5677dc
HSL
hsl(225, 66%, 60%)
HSLA
hsla(225, 66%, 60%, 1)
RGB
RGB(86, 119, 220)
RGBA
RGBA(86, 119, 220, 1)
Palettes for #5677dc color:
Below examples of color palettes for #5677dc HEX color
darkest color is #090c16 from shades and lightest color is #eef1fc from tints
Shades palette of #5677dc:
#4d6bc6
#455fb0
#3c539a
#344784
#2b3c6e
#223058
#1a2442
#11182c
#090c16
#000000
Tints palette of #5677dc:
#6785e0
#7892e3
#89a0e7
#9aadea
#abbbee
#bbc9f1
#ccd6f5
#dde4f8
#eef1fc
#ffffff
Complementary palette of #5677dc:
#5677dc
#dcbb56
Triadic palette of #5677dc:
#5677dc
#dc5677
#77dc56
Square palette of #5677dc:
#5677dc
#dc56bb
#56dc77
#dcbb56
Analogous palette of #5677dc:
#56bbdc
#5677dc
Split-Complementary palette of #5677dc:
#5677dc
#56bbdc
Rectangle (tetradic) palette of #5677dc:
#5677dc
#dc56bb
#56dc77
#dc7756
Loading...
Color Contrast
Color pairings #5677dc with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#5677dc
#5677dc Contrast Ratio
4.14:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5677dc
#5677dc Contrast Ratio
5.06:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5677dc color png
Visit the popular colors list for more colors