#485e77 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #485e77 | RGB(72, 94, 119) |
Created at 10/29/2026 01:43
RGB values are RGB(72, 94, 119)
#485e77 color contains Red 28.24%, Green 36.86% and Blue 46.67%.
oklch(47.42% 0.0487 252.04)
#485e77 color contains Red 28.24%, Green 36.86% and Blue 46.67%.
oklch(47.42% 0.0487 252.04)
Color Names of #485e77 HEX code
≈ Blue Bayoux
Classification of #485e77 color
#485e77 is Semi dark and Cool Color Saturation 25%, lightness 37%.
Tint of Dark Slate Blue
Alternative colors of #485e77
Opposite Color for #485e77 is #776148
#485e77 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #485e77
cmyk
CMYK(39%, 21%, 0%, 53%)
Decimal
4742775
HEX
#485e77
HSL
hsl(212, 25%, 37%)
HSLA
hsla(212, 25%, 37%, 1)
RGB
RGB(72, 94, 119)
RGBA
RGBA(72, 94, 119, 1)
Palettes for #485e77 color:
Below are examples of color palettes with the #485e77 HEX color
darkest color is #07090c from shades and lightest color is #edeff1 from tints
Shades palette of #485e77:
#41556b
#3a4b5f
#324253
#2b3847
#242f3c
#1d2630
#161c24
#0e1318
#07090c
#000000
Tints palette of #485e77:
#5a6e85
#6d7e92
#7f8ea0
#919ead
#a4afbb
#b6bfc9
#c8cfd6
#dadfe4
#edeff1
#ffffff
Complementary palette of #485e77:
#485e77
#776148
Triadic palette of #485e77:
#485e77
#77485e
#5e7748
Square palette of #485e77:
#485e77
#774876
#776148
#487749
Analogous palette of #485e77:
#487677
#485e77
#494877
Split-Complementary palette of #485e77:
#485e77
#774948
#767748
Rectangle (tetradic) palette of #485e77:
#485e77
#614877
#776148
#5e7748
Suggested color palettes for #485e77 HEX:
Color palette with color #485e77 #1:
Color palette with color #485e77 #2:
Color palette with color #485e77 #3:
Color palette with color #485e77 #4:
Color palette with color #485e77 #5:
Color Contrast
Color pairings of #485e77 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#485e77
#485e77Contrast Ratio
6.68:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#485e77
#485e77Contrast Ratio
3.14:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #485e77 color png
Visit the popular colors list for more colors