Created at 02/20/2023 19:55
#040c44 HEX Color information
Color | HEX | RGB |
#040c44 | RGB(4, 12, 68) |
RGB values are RGB(4, 12, 68)
#040c44 color contain Red 1.57%, Green 4.71% and Blue 26.67%.
Alternative colors of #040c44
Opposite Color for #040c44 is #433c04
#040c44 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #040c44
Decimal
265284
HEX
#040c44
HSL
hsl(233, 89%, 14%)
HSLA
hsla(233, 89%, 14%, 1)
RGB
RGB(4, 12, 68)
RGBA
RGBA(4, 12, 68, 1)
Palettes for #040c44 color:
Below examples of color palettes for #040c44 HEX color
darkest color is #000107 from shades and lightest color is #e6e7ec from tints
Shades palette of #040c44:
Tints palette of #040c44:
Complementary palette of #040c44:
Triadic palette of #040c44:
Square palette of #040c44:
Analogous palette of #040c44:
Split-Complementary palette of #040c44:
Rectangle (tetradic) palette of #040c44:
Suggested colors palettes for #040c44 HEX:
Colors palette with color #040c44 #1:
Colors palette with color #040c44 #2:
Colors palette with color #040c44 #3:
Colors palette with color #040c44 #4:
Colors palette with color #040c44 #5:
Color #040c44 used in palettes (14)
Space colors palette Digitalart purple graphicdesign art colors palette 2d 36 days of type flat cute hex colors Creative logo dan fleming usa Logo branding home mark hex colors Smart logo logotype creative agency Design pricing price minimal hex colors Branding design iconography pointee logo mark colours Print design branding illustration hex colors Abstract design marketing logo mark symbol colours Ux tripoli ui design palette Best logo logocolletion brand identity colours Gradient business creative logo design hex colors 890З
Color Contrast
Color pairings #040c44 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#040c44
#040c44 Contrast Ratio
18.4:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |
#040c44
#040c44 Contrast Ratio
1.14:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |