Created at 02/25/2023 21:45
#142c7c HEX Color information
| Color | HEX | RGB |
| #142c7c | RGB(20, 44, 124) |
RGB values are RGB(20, 44, 124)
#142c7c color contain Red 7.84%, Green 17.25% and Blue 48.63%.
Color Names of #142c7c HEX code
Catalina Blue Color
Alternative colors of #142c7c
Opposite Color for #142c7c is #7b6314
#142c7c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #142c7c
Decimal
1322108
HEX
#142c7c
HSL
hsl(226, 72%, 28%)
HSLA
hsla(226, 72%, 28%, 1)
RGB
RGB(20, 44, 124)
RGBA
RGBA(20, 44, 124, 1)
Palettes for #142c7c color:
Below examples of color palettes for #142c7c HEX color
darkest color is #02040c from shades and lightest color is #e8eaf2 from tints
Shades palette of #142c7c:
Tints palette of #142c7c:
Complementary palette of #142c7c:
Triadic palette of #142c7c:
Square palette of #142c7c:
Analogous palette of #142c7c:
Split-Complementary palette of #142c7c:
Rectangle (tetradic) palette of #142c7c:
Suggested colors palettes for #142c7c HEX:
Colors palette with color #142c7c #1:
Colors palette with color #142c7c #2:
Colors palette with color #142c7c #3:
Colors palette with color #142c7c #4:
Colors palette with color #142c7c #5:
Color #142c7c used in palettes (7)
Illustator city illustration the colors palette Japanese design flat illustration vector colors Ui interaction design ux medical app Mobile app ux ui investment finance colors palette Orange hand lettering ribbon home colours Cs simple logo monogram idea design colours Ui branding website ux hex colors
Color Contrast
Color pairings #142c7c with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#142c7c
#142c7c Contrast Ratio
12.49:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#142c7c
#142c7c Contrast Ratio
1.68:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
