Coastal Fjord color #505d7e HEX color information
| Color | HEX | RGB |
|---|---|---|
| #505d7e | RGB(80, 93, 126) |
Created at 02/28/2023 23:49
RGB values are RGB(80, 93, 126)
#505d7e color contains Red 31.37%, Green 36.47% and Blue 49.41%.
oklch(48.10% 0.0559 267.67)
#505d7e color contains Red 31.37%, Green 36.47% and Blue 49.41%.
oklch(48.10% 0.0559 267.67)
Color Names of #505d7e HEX code
Coastal Fjord Color
≈ Blue Bayoux
Classification of #505d7e color
#505d7e is Semi dark and Cool Color Saturation 22%, lightness 40%.
Tint of Dark Slate Blue
Alternative colors of #505d7e
Opposite Color for #505d7e is #7e7150
#505d7e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #505d7e
cmyk
CMYK(37%, 26%, 0%, 51%)
Decimal
5266814
HEX
#505d7e
HSL
hsl(223, 22%, 40%)
HSLA
hsla(223, 22%, 40%, 1)
RGB
RGB(80, 93, 126)
RGBA
RGBA(80, 93, 126, 1)
Palettes for #505d7e color:
Below are examples of color palettes with the #505d7e HEX color
darkest color is #08090d from shades and lightest color is #eeeff2 from tints
Shades palette of #505d7e:
#485471
#404a65
#384158
#30384c
#282f3f
#202532
#181c26
#101319
#08090d
#000000
Tints palette of #505d7e:
#626d8b
#737d98
#858ea5
#969eb2
#a8aebf
#b9becb
#cbced8
#dcdfe5
#eeeff2
#ffffff
Complementary palette of #505d7e:
#505d7e
#7e7150
Triadic palette of #505d7e:
#505d7e
#7e505d
#5d7e50
Square palette of #505d7e:
#505d7e
#7e5074
#7e7150
#507e5a
Analogous palette of #505d7e:
#50747e
#505d7e
#5a507e
Split-Complementary palette of #505d7e:
#505d7e
#7e5a50
#747e50
Rectangle (tetradic) palette of #505d7e:
#505d7e
#71507e
#7e7150
#5d7e50
Suggested color palettes for #505d7e HEX:
Color palette with color #505d7e #1:
Color palette with color #505d7e #2:
Color palette with color #505d7e #3:
Color palette with color #505d7e #4:
Color palette with color #505d7e #5:
Color #505d7e used in palettes (23)
Salmon Pate, Coastal Fjord, Hollow Knight, Coral Cloud, Coral Stone paletteRed Stone, Ogryn Flesh Wash, Peanut Butter Jelly, Magic, Coastal Fjord paletteLychee, Bourbon, Sticky Toffee, Rita Repulsa, Coastal Fjord, Jade Shard, Pasta Rasta, Pentagon, Charlotte, Mantra paletteLibrary Oak, Cumquat Cream, Buddha's Love Handles, Golden Handshake, Botanical Garden, Phosphor Green, Christmas Ivy, Green Mana,Black, Coastal Fjord, Heavenly Blue, CarraraBeaver Kit, Yearling, Lavish Gold, Brass, Ukon Saffron, Stone Green, Tropic Tide, Kimono Violet, Coastal Fjord, Aerostatics, ViolaGolden Week, Coastal Fjord, Nebulous, Featherstone, Glacial Ice paletteBalsam Pear, Coastal Fjord, Blue Hue, Medium Lavender Magenta, Island View paletteCarmim, Cinereous, Wilmington, Opulent Orange, Coastal Fjord, Peabody, Bering Sea, Rare Happening, Buff It, Snow Drift, Angora PinCoastal FjordCloisonne Gold, Polished Gold, American Orange, Tartrazine, Edward, Software, Coastal Fjord, Terra Pin, At Ease Soldier, Skyward pEdgy Red, Picnic Day Sky, Coastal Fjord, Little Boy Blue, Scuba Blue, Balsam Fir, Winter Savanna, Romantic Morning, Ibis Mouse palconnect pantone (19)Laura Potato, Fallow, Rare Wind, Coastal Fjord, Quantum of Light, Mermaid Blues, Ship Grey, Tuxedo, Chopped Chive, Carbon Copy, CaFresh Nectar, Chain Gang Grey, Coastal Fjord paletteJurassic Gold, Cheese It Up, Eggplant Ash, Coastal Fjord, Altar of Heaven paletteBarn Door, Coastal Fjord, Raven's Coat, Galenite Blue, Whisper Ridge, Diaphanous paletteRye Dough Brown, Golden Hamster, Coastal Fjord, Aztec Sky, Dusk Wine, Makara paletteEmergency, Manuscript Ink, Sunny Festival, Villandry, Calm Balm, Fluorescent Lime, Felt Green, Ming Green, Coastal Fjord, Brown MaRaked Leaves, Korma, Aspen Green, Rain Shadow, Coastal Fjord, Cascades, San Felix, Copra, Honey Tea paletteImperial Red, Mecha Grey, Hardware, Green Jelly, Wild Wisteria, Ocean Night, Coastal Fjord, Champion, Versatile Taupe, Frozen SalmEmpire Ranch, Roycroft Suede, Coastal Fjord, Fuscous Gray, Baby Bear, Aqua Spray, Lilac Ash, Napery paletteCavern Sand, Roland-Garros, Fresh Onion, Batman, Coastal Fjord, Studer Blue, Wonder Wine palette
Color Contrast
Color pairings of #505d7e with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#505d7e
#505d7eContrast Ratio
6.54:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#505d7e
#505d7eContrast Ratio
3.2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #505d7e color png
Visit the popular colors list for more colors