#5674de HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5674de | RGB(86, 116, 222) |
Created at 10/12/2026 00:29
Classification of #5674de color
#5674de is Light and Cool Color Saturation 67%, lightness 60%.
Tint of Royal Blue
RGB values are RGB(86, 116, 222)
#5674de color contains Red 33.73%, Green 45.49% and Blue 87.06%.
oklch(59.02% 0.1645 269.01)
#5674de color contains Red 33.73%, Green 45.49% and Blue 87.06%.
oklch(59.02% 0.1645 269.01)
Color Names of #5674de HEX code
≈ Royal Blue
Alternative colors of #5674de
Opposite Color for #5674de is #dec056
#5674de Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5674de
cmyk
CMYK(61%, 48%, 0%, 13%)
Decimal
5666014
HEX
#5674de
HSL
hsl(227, 67%, 60%)
HSLA
hsla(227, 67%, 60%, 1)
RGB
RGB(86, 116, 222)
RGBA
RGBA(86, 116, 222, 1)
Palettes for #5674de color:
Below are examples of color palettes with the #5674de HEX color
darkest color is #090c16 from shades and lightest color is #eef1fc from tints
Shades palette of #5674de:
#4d68c8
#455db2
#3c519b
#344685
#2b3a6f
#222e59
#1a2343
#11172c
#090c16
#000000
Tints palette of #5674de:
#6782e1
#7890e5
#899ee8
#9aaceb
#abbaef
#bbc7f2
#ccd5f5
#dde3f8
#eef1fc
#ffffff
Complementary palette of #5674de:
#5674de
#dec056
Triadic palette of #5674de:
#5674de
#de5674
#74de56
Square palette of #5674de:
#5674de
#de56b8
#dec056
#56de7c
Analogous palette of #5674de:
#56b8de
#5674de
#7c56de
Split-Complementary palette of #5674de:
#5674de
#de7c56
#b8de56
Rectangle (tetradic) palette of #5674de:
#5674de
#c056de
#dec056
#74de56
Suggested color palettes for #5674de HEX:
Color palette with color #5674de #1:
Color palette with color #5674de #2:
Color palette with color #5674de #3:
Color palette with color #5674de #4:
Color palette with color #5674de #5:
Color Contrast
Color pairings of #5674de with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5674de
#5674de Contrast Ratio
4.24:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5674de
#5674de Contrast Ratio
4.94:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5674de color png
Visit the popular colors list for more colors