All About Color #686CBB

#686CBB

About #686CBB

#686CBB is a medium blue color with the hex code #686CBB. In RGB it is red 104, green 108, blue 187; in HSL it is hue 237°, saturation 38%, lightness 57%; in CMYK it is 44%, 42%, 0%, 27%. Its contrast ratio is 4.72:1 on white and 4.45:1 on black.

#686CBB Color Conversion

Hex triplet68, 6C, BB
CMYK44.39%, 42.25%, 0.00%, 26.67%
RGB Decimal104, 108, 187
HSL237°, 38%, 57%
RGB Octal150, 154, 273
HSV (HSB)237.11°, 44.39%, 73.33%
RGB Binary1101000, 1101100, 10111011
CIE-L*AB48.58, 19.23, -42.22
RGB Percent40.78%, 42.35%, 73.33%
CIE-L*CH48.58, 46.39, 294.49
XYZ20.04, 17.26, 49.29
CIE-L*UV48.58, -6.30, -65.93
xyY0.23, 0.20, 17.26
Hunter-Lab41.54, 13.42, -41.27
RYB40.78%, 42.28%, 73.33%

Color Accessibility Scores

#686CBB on a dark background: contrast 4.45:1, passes WCAG AA for large text only.
#686CBB on a light background: contrast 4.72:1, passes WCAG AA.

Color Shades

Tints and shades of #686CBB, from lightest to darkest. Each swatch links to its own color page.

Related Palettes

Harmonious five-color palettes built around #686CBB. Open any of them in the Muzli palette generator.

Complementary palette

#686CBB · #A7A9D7 · #3E4189 · #BBB768 · #D7D5A7

Analogous palette

#68BBB7 · #6896BB · #686CBB · #8D68BB · #B768BB

Triadic palette

#686CBB · #BB686C · #6CBB68 · #A7A9D7 · #D7A7A9

Tetradic palette

#686CBB · #BB6896 · #BBB768 · #68BB8D · #3E4189

Monochromatic palette

#2B2D5F · #424694 · #686CBB · #9C9FD3 · #D1D3EA

Generate more palettes containing #686CBB · Browse all color names

Discover more color profiles with the Muzli extension

Experience design inspiration like never before with Muzli. Loved by 800k+ designers worldwide, Muzli is the leading go-to browser extension for creative professionals.

Install now and let the magic begin.

Get Muzli