#7870bc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7870bc | RGB(120, 112, 188) |
Created at 02/17/2023 18:50
Classification of #7870bc color
#7870bc is Light and Cool Color Saturation 36%, lightness 59%.
Shade of Medium Purple
RGB values are RGB(120, 112, 188)
#7870bc color contains Red 47.06%, Green 43.92% and Blue 73.73%.
oklch(58.53% 0.1145 287.12)
#7870bc color contains Red 47.06%, Green 43.92% and Blue 73.73%.
oklch(58.53% 0.1145 287.12)
Color Names of #7870bc HEX code
≈ Blue Marguerite
Alternative colors of #7870bc
Opposite Color for #7870bc is #b4bc70
#7870bc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7870bc
cmyk
CMYK(36%, 40%, 0%, 26%)
Decimal
7893180
HEX
#7870bc
HSL
hsl(246, 36%, 59%)
HSLA
hsla(246, 36%, 59%, 1)
RGB
RGB(120, 112, 188)
RGBA
RGBA(120, 112, 188, 1)
Palettes for #7870bc color:
Below are examples of color palettes with the #7870bc HEX color
darkest color is #0c0b13 from shades and lightest color is #f2f1f8 from tints
Shades palette of #7870bc:
#6c65a9
#605a96
#544e84
#484371
#3c385e
#302d4b
#242238
#181626
#0c0b13
#000000
Tints palette of #7870bc:
#867ec3
#938dc9
#a19bd0
#aea9d7
#bcb8de
#c9c6e4
#d7d4eb
#e4e2f2
#f2f1f8
#ffffff
Complementary palette of #7870bc:
#7870bc
#b4bc70
Triadic palette of #7870bc:
#7870bc
#bc7870
#70bc78
Square palette of #7870bc:
#7870bc
#bc708e
#b4bc70
#70bc9e
Analogous palette of #7870bc:
#708ebc
#7870bc
#9e70bc
Split-Complementary palette of #7870bc:
#7870bc
#bc9e70
#8ebc70
Rectangle (tetradic) palette of #7870bc:
#7870bc
#bc70b4
#b4bc70
#70bc78
Suggested color palettes for #7870bc HEX:
Color palette with color #7870bc #1:
Color palette with color #7870bc #2:
Color palette with color #7870bc #3:
Color palette with color #7870bc #4:
Color palette with color #7870bc #5:
Color #7870bc used in palettes (1)
Color Contrast
Color pairings of #7870bc with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7870bc
#7870bc Contrast Ratio
4.33:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7870bc
#7870bc Contrast Ratio
4.84:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7870bc color png
Visit the popular colors list for more colors