#142c7c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #142c7c | RGB(20, 44, 124) |
Created at 02/25/2023 21:45
Classification of #142c7c color
#142c7c is Dark and Cool Color Saturation 72%, lightness 28%.
Tint of Midnight Blue
RGB values are RGB(20, 44, 124)
#142c7c color contains Red 7.84%, Green 17.25% and Blue 48.63%.
oklch(33.29% 0.1388 265.94)
#142c7c color contains Red 7.84%, Green 17.25% and Blue 48.63%.
oklch(33.29% 0.1388 265.94)
Color Names of #142c7c HEX code
≈ Catalina Blue
Alternative colors of #142c7c
Opposite Color for #142c7c is #7c6414
#142c7c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #142c7c
cmyk
CMYK(84%, 65%, 0%, 51%)
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 are examples of color palettes with the #142c7c HEX color
darkest color is #02040c from shades and lightest color is #e8eaf2 from tints
Shades palette of #142c7c:
#122870
#102363
#0e1f57
#0c1a4a
#0a163e
#081232
#060d25
#040919
#02040c
#000000
Tints palette of #142c7c:
#2b4189
#435696
#5b6ba3
#7280b0
#8a96be
#a1abcb
#b9c0d8
#d0d5e5
#e8eaf2
#ffffff
Complementary palette of #142c7c:
#142c7c
#7c6414
Triadic palette of #142c7c:
#142c7c
#7c142c
#2c7c14
Square palette of #142c7c:
#142c7c
#7c1460
#7c6414
#147c30
Analogous palette of #142c7c:
#14607c
#142c7c
#30147c
Split-Complementary palette of #142c7c:
#142c7c
#7c3014
#607c14
Rectangle (tetradic) palette of #142c7c:
#142c7c
#64147c
#7c6414
#2c7c14
Suggested color palettes for #142c7c HEX:
Color palette with color #142c7c #1:
Color palette with color #142c7c #2:
Color palette with color #142c7c #3:
Color palette with color #142c7c #4:
Color 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 of #142c7c with black and white for small text, large text and graphics, based on the WCAG 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: |
Image #142c7c color png
Visit the popular colors list for more colors