#7986cb HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7986cb | RGB(121, 134, 203) |
Created at 02/17/2023 19:20
Classification of #7986cb color
#7986cb is Light and Cool Color Saturation 44%, lightness 64%.
Shade of Cornflower Blue
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
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 examples of color palettes for #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 CSS Material Design Color Palette (nº5) Material Design Color Palette (05) SC Tools Material Design color palette 5 Sc contrast Data Science SaaS Platform Colors Frontend UX Neural Component Set material design color palette 300 Material Design color palette (05/16) Circuitry Glow Palette Human-Centered Interaction AI Material Design color palette 7 color palette Machine State UI Simulation Stack B2B Metrics Dashboard View Web Component Design Logic
Color Contrast
Color pairings #7986cb with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#7986cb
#7986cb Contrast Ratio
3.45:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7986cb
#7986cb Contrast 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