#7986cb HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7986cb | RGB(121, 134, 203) |
Created at 02/17/2023 19:20
RGB values are RGB(121, 134, 203)
#7986cb color contains Red 47.45%, Green 52.55% and Blue 79.61%.
oklch(63.82% 0.1047 274.91)
#7986cb color contains Red 47.45%, Green 52.55% and Blue 79.61%.
oklch(63.82% 0.1047 274.91)
Color Names of #7986cb HEX code
indigo lighten-1 Color
≈ Ship Cove
Classification of #7986cb color
#7986cb is Light and Cool Color Saturation 44%, lightness 64%.
Shade of Cornflower Blue
Alternative colors of #7986cb
Opposite Color for #7986cb is #cbbe79
#7986cb Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7986cb
cmyk
CMYK(40%, 34%, 0%, 20%)
Decimal
7964363
HEX
#7986cb
HSL
hsl(230, 44%, 64%)
HSLA
hsla(230, 44%, 64%, 1)
RGB
RGB(121, 134, 203)
RGBA
RGBA(121, 134, 203, 1)
Palettes for #7986cb color:
Below are examples of color palettes with the #7986cb HEX color
darkest color is #0c0d14 from shades and lightest color is #f2f3fa from tints
Shades palette of #7986cb:
#6d79b7
#616ba2
#555e8e
#49507a
#3d4366
#303651
#24283d
#181b29
#0c0d14
#000000
Tints palette of #7986cb:
#8692d0
#949ed5
#a1aadb
#afb6e0
#bcc3e5
#c9cfea
#d7dbef
#e4e7f5
#f2f3fa
#ffffff
Complementary palette of #7986cb:
#7986cb
#cbbe79
Triadic palette of #7986cb:
#7986cb
#cb7986
#86cb79
Square palette of #7986cb:
#7986cb
#cb79af
#cbbe79
#79cb95
Analogous palette of #7986cb:
#79afcb
#7986cb
#9579cb
Split-Complementary palette of #7986cb:
#7986cb
#cb9579
#afcb79
Rectangle (tetradic) palette of #7986cb:
#7986cb
#be79cb
#cbbe79
#86cb79
Suggested color palettes for #7986cb HEX:
Color palette with color #7986cb #1:
Color palette with color #7986cb #2:
Color palette with color #7986cb #3:
Color palette with color #7986cb #4:
Color palette with color #7986cb #5:
Color #7986cb used in palettes (17)
Indigo palette Materialize CSSMaterial Design Color Palette (nº5)Material Design Color Palette (05)SC ToolsMaterial Design color palette 5Sc contrastData Science SaaS Platform ColorsFrontend UX Neural Component Setmaterial design color palette 300Material Design color palette (05/16)Circuitry Glow PaletteHuman-Centered Interaction AIMaterial Design color palette7 color paletteMachine State UI Simulation StackB2B Metrics Dashboard ViewWeb Component Design Logic
Color Contrast
Color pairings of #7986cb with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7986cb
#7986cbContrast Ratio
3.45:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7986cb
#7986cbContrast Ratio
6.08:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7986cb color png
Visit the popular colors list for more colors