#7c8cc4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7c8cc4 | RGB(124, 140, 196) |
Created at 02/20/2023 22:21
Classification of #7c8cc4 color
#7c8cc4 is Light and Cool Color Saturation 38%, lightness 63%.
Shade of Cornflower Blue
RGB values are RGB(124, 140, 196)
#7c8cc4 color contains Red 48.63%, Green 54.9% and Blue 76.86%.
oklch(64.94% 0.0861 271.59)
#7c8cc4 color contains Red 48.63%, Green 54.9% and Blue 76.86%.
oklch(64.94% 0.0861 271.59)
Color Names of #7c8cc4 HEX code
Dark Pastel Blue Color
≈ Ship Cove
Alternative colors of #7c8cc4
Opposite Color for #7c8cc4 is #c4b47c
#7c8cc4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7c8cc4
cmyk
CMYK(37%, 29%, 0%, 23%)
Decimal
8162500
HEX
#7c8cc4
HSL
hsl(227, 38%, 63%)
HSLA
hsla(227, 38%, 63%, 1)
RGB
RGB(124, 140, 196)
RGBA
RGBA(124, 140, 196, 1)
Palettes for #7c8cc4 color:
Below examples of color palettes for #7c8cc4 HEX color
darkest color is #0c0e14 from shades and lightest color is #f2f4f9 from tints
Shades palette of #7c8cc4:
#707eb0
#63709d
#576289
#4a5476
#3e4662
#32384e
#252a3b
#191c27
#0c0e14
#000000
Tints palette of #7c8cc4:
#8998ca
#96a3d0
#a3afd6
#b0badc
#bec6e2
#cbd1e7
#d8dded
#e5e8f3
#f2f4f9
#ffffff
Complementary palette of #7c8cc4:
#7c8cc4
#c4b47c
Triadic palette of #7c8cc4:
#7c8cc4
#c47c8c
#8cc47c
Square palette of #7c8cc4:
#7c8cc4
#c47cb0
#c4b47c
#7cc490
Analogous palette of #7c8cc4:
#7cb0c4
#7c8cc4
#907cc4
Split-Complementary palette of #7c8cc4:
#7c8cc4
#c4907c
#b0c47c
Rectangle (tetradic) palette of #7c8cc4:
#7c8cc4
#b47cc4
#c4b47c
#8cc47c
Suggested color palettes for #7c8cc4 HEX:
Color palette with color #7c8cc4 #1:
Color palette with color #7c8cc4 #2:
Color palette with color #7c8cc4 #3:
Color palette with color #7c8cc4 #4:
Color palette with color #7c8cc4 #5:
Color #7c8cc4 used in palettes (19)
Gradient layout guide design colors palette Fresh icons shop delivery colors Windows ui design system ux colours Mockup presentation design mock-up computer hex colors Banking app bank design hex colors Frosted glass clean icon Ui design form register Ui design website c4d palette Web design landing page hex colors Graphic white site design colors Natural luxury logo branding colours Illustration print hex colors Ios ui ux dashboard palette Web interface website 3d palette Website design 3d interface colours Synovial dashboard cuberto ui colors Identity cryptocurrency symbol logo colors palette Mark blockchain identity crypto colours Cuberto healthcare interface synovial colours
Color Contrast
Color pairings #7c8cc4 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#7c8cc4
#7c8cc4 Contrast Ratio
3.27:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7c8cc4
#7c8cc4 Contrast Ratio
6.4:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7c8cc4 color png
Visit the popular colors list for more colors