Created at 02/26/2023 16:29
#054a7f HEX Color information
| Color | HEX | RGB |
| #054a7f | RGB(5, 74, 127) |
RGB values are RGB(5, 74, 127)
#054a7f color contain Red 1.96%, Green 29.02% and Blue 49.8%.
Color Names of #054a7f HEX code
Dark Cerulean Color
Alternative colors of #054a7f
Opposite Color for #054a7f is #7f3a05
#054a7f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #054a7f
Decimal
346751
HEX
#054a7f
HSL
hsl(206, 92%, 26%)
HSLA
hsla(206, 92%, 26%, 1)
RGB
RGB(5, 74, 127)
RGBA
RGBA(5, 74, 127, 1)
Palettes for #054a7f color:
Below examples of color palettes for #054a7f HEX color
darkest color is #00070d from shades and lightest color is #e6edf2 from tints
Shades palette of #054a7f:
Tints palette of #054a7f:
Complementary palette of #054a7f:
Triadic palette of #054a7f:
Square palette of #054a7f:
Analogous palette of #054a7f:
Split-Complementary palette of #054a7f:
Rectangle (tetradic) palette of #054a7f:
Suggested colors palettes for #054a7f HEX:
Color #054a7f used in palettes (13)
Uidesign prototype animation category creative palette Insights components ux hover state hex colors App hover state notifications messages colors palette Dashboard notifications components insights colors palette Messages app banking notifications colours Notifications messages notifier insights hex colors Ux banking hover state design colors Notifier design ui messages Messages notifier finance sidebar commerce notifier notifications app Ui banking chart messages palette Notifier kpi banking chart colors App finance dashboard components colors
Color Contrast
Color pairings #054a7f with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#054a7f
#054a7f Contrast Ratio
9.16:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#054a7f
#054a7f Contrast Ratio
2.29:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
