#685DBB

Blue

HEX

RGB

HSL

About #685DBB Blue

#685DBB is a blue color. In the RGB color model, it is composed of 104 red, 93 green, and 187 blue. In the HSL color space, it has a hue of 247°, saturation of 41%, and lightness of 55%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code

Use #685DBB in your CSS, SCSS, or Tailwind projects.

Color Properties

247°

Hue

41%

Saturation

55%

Lightness

Blue

Color Harmonies

Colors that work well with #685DBB based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #685DBB against white and black backgrounds.

Aa#685DBB on White
Contrast Ratio5.42:1
AA AA Large AAA
Aa#685DBB on Black
Contrast Ratio3.87:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #685DBB across different color formats.

FormatValue
HEX#685DBB
RGBrgb(104, 93, 187)
HSLhsl(247, 41%, 55%)
RGB Decimal104, 93, 187
RGB Percent40.8%, 36.5%, 73.3%
CMYK (approx.)44%, 50%, 0%, 27%

Related Palettes

12 palettes using #685DBB or similar colors

#6E3CBC#7267CB#9D81D6#D4B8E0
#0B2447#19376D#576CBC#A5D7E8
#38567B#5F6990#7774B9#AB9DCD
#37627B#4D6EA2#6E78BF#A29DCD
#3F367C#6B49A6#9C7EAF#CA98D2
#3C4E76#4C50A4#7F6FBE#B39CCE
#344B65#5A658C#7977BB#B8AFCF
#181221#33214F#4D2B82#6B49A2
#140D26#332C44#4C3C72#6347A4
#171023#332848#503F6E#694D9E
#160E25#32234D#503F6E#694D9E
#161320#302947#422D80#5F48A3