#485f77 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #485f77 | RGB(72, 95, 119) |
Created at 02/21/2023 23:30
RGB values are RGB(72, 95, 119)
#485f77 color contains Red 28.24%, Green 37.25% and Blue 46.67%.
oklch(47.66% 0.0479 249.93)
#485f77 color contains Red 28.24%, Green 37.25% and Blue 46.67%.
oklch(47.66% 0.0479 249.93)
Color Names of #485f77 HEX code
≈ Blue Bayoux
Classification of #485f77 color
#485f77 is Semi dark and Cool Color Saturation 25%, lightness 37%.
Shade of Slate Blue
Alternative colors of #485f77
Opposite Color for #485f77 is #776048
#485f77 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #485f77
cmyk
CMYK(39%, 20%, 0%, 53%)
Decimal
4743031
HEX
#485f77
HSL
hsl(211, 25%, 37%)
HSLA
hsla(211, 25%, 37%, 1)
RGB
RGB(72, 95, 119)
RGBA
RGBA(72, 95, 119, 1)
Palettes for #485f77 color:
Below are examples of color palettes with the #485f77 HEX color
darkest color is #07090c from shades and lightest color is #edeff1 from tints
Shades palette of #485f77:
#41566b
#3a4c5f
#324353
#2b3947
#24303c
#1d2630
#161d24
#0e1318
#07090c
#000000
Tints palette of #485f77:
#5a6f85
#6d7f92
#7f8fa0
#919fad
#a4afbb
#b6bfc9
#c8cfd6
#dadfe4
#edeff1
#ffffff
Complementary palette of #485f77:
#485f77
#776048
Triadic palette of #485f77:
#485f77
#77485f
#5f7748
Square palette of #485f77:
#485f77
#774876
#776048
#487749
Analogous palette of #485f77:
#487777
#485f77
#494877
Split-Complementary palette of #485f77:
#485f77
#774948
#767748
Rectangle (tetradic) palette of #485f77:
#485f77
#604877
#776048
#5f7748
Suggested color palettes for #485f77 HEX:
Color palette with color #485f77 #1:
Color palette with color #485f77 #2:
Color palette with color #485f77 #3:
Color palette with color #485f77 #4:
Color palette with color #485f77 #5:
Color #485f77 used in palettes (1)
Color Contrast
Color pairings of #485f77 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#485f77
#485f77Contrast Ratio
6.6:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#485f77
#485f77Contrast Ratio
3.17:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #485f77 color png
Visit the popular colors list for more colors