Created at 02/24/2024 23:03
  4

#6b85bd HEX Color information

Color HEX RGB
#6b85bd RGB(107, 133, 189)

RGB values are RGB(107, 133, 189)
#6b85bd color contain Red 41.96%, Green 52.16% and Blue 74.12%.

Classification of #6b85bd color

#6b85bd is Light and Cool Color
Opposite Color for #6b85bd is #bda36b

#6b85bd Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #6b85bd

Decimal
7046589
HEX
#6b85bd
HSL
hsl(221, 38%, 58%)
HSLA
hsla(221, 38%, 58%, 1)
RGB
RGB(107, 133, 189)
RGBA
RGBA(107, 133, 189, 1)

Palettes for #6b85bd color:

Below examples of color palettes for #6b85bd HEX color

darkest color is #0b0d13 from shades and lightest color is #f0f3f8 from tints

Shades palette of #6b85bd:
Tints palette of #6b85bd:
Complementary palette of #6b85bd:
Triadic palette of #6b85bd:
Square palette of #6b85bd:
Analogous palette of #6b85bd:
Split-Complementary palette of #6b85bd:
Rectangle (tetradic) palette of #6b85bd:

Suggested colors palettes for #6b85bd HEX:

Colors palette with color #6b85bd #1:
Colors palette with color #6b85bd #2:
Colors palette with color #6b85bd #3:
Colors palette with color #6b85bd #4:
Colors palette with color #6b85bd #5:

Color Contrast

Color pairings #6b85bd with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio

#6b85bd
#6b85bd
Contrast Ratio
3.67:1
SizeAA-levelAAA-level
Large text:
Small text:
#6b85bd
#6b85bd
Contrast Ratio
5.71:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #6b85bd color png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes