#5674a5 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5674a5 | RGB(86, 116, 165) |
Created at 03/21/2023 09:19
RGB values are RGB(86, 116, 165)
#5674a5 color contains Red 33.73%, Green 45.49% and Blue 64.71%.
oklch(55.67% 0.0843 259.93)
#5674a5 color contains Red 33.73%, Green 45.49% and Blue 64.71%.
oklch(55.67% 0.0843 259.93)
Color Names of #5674a5 HEX code
≈ Waikawa Gray
Classification of #5674a5 color
#5674a5 is Semi dark and Cool Color Saturation 31%, lightness 49%.
Shade of Steel Blue
Alternative colors of #5674a5
Opposite Color for #5674a5 is #a58756
#5674a5 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5674a5
cmyk
CMYK(48%, 30%, 0%, 35%)
Decimal
5665957
HEX
#5674a5
HSL
hsl(217, 31%, 49%)
HSLA
hsla(217, 31%, 49%, 1)
RGB
RGB(86, 116, 165)
RGBA
RGBA(86, 116, 165, 1)
Palettes for #5674a5 color:
Below are examples of color palettes with the #5674a5 HEX color
darkest color is #090c10 from shades and lightest color is #eef1f6 from tints
Shades palette of #5674a5:
#4d6895
#455d84
#3c5173
#344663
#2b3a53
#222e42
#1a2332
#111721
#090c10
#000000
Tints palette of #5674a5:
#6782ae
#7890b7
#899ec0
#9aacc9
#abbad2
#bbc7db
#ccd5e4
#dde3ed
#eef1f6
#ffffff
Complementary palette of #5674a5:
#5674a5
#a58756
Triadic palette of #5674a5:
#5674a5
#a55674
#74a556
Square palette of #5674a5:
#5674a5
#a5569b
#a58756
#56a560
Analogous palette of #5674a5:
#569ba5
#5674a5
#6056a5
Split-Complementary palette of #5674a5:
#5674a5
#a56056
#9ba556
Rectangle (tetradic) palette of #5674a5:
#5674a5
#8756a5
#a58756
#74a556
Suggested color palettes for #5674a5 HEX:
Color palette with color #5674a5 #1:
Color palette with color #5674a5 #2:
Color palette with color #5674a5 #3:
Color palette with color #5674a5 #4:
Color palette with color #5674a5 #5:
Color #5674a5 used in palettes (1)
Color Contrast
Color pairings of #5674a5 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5674a5
#5674a5Contrast Ratio
4.73:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5674a5
#5674a5Contrast Ratio
4.43:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5674a5 color png
Visit the popular colors list for more colors