#5685ff Color Information

In a RGB color space, hex #5685ff is composed of 33.7% red, 52.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 47.8% magenta, 0% yellow and 0% black. It has a hue angle of 223.3 degrees, a saturation of 100% and a lightness of 66.9%. #5685ff color hex could be obtained by blending #acffff with #000bff. Closest websafe color is: #6699ff.

    • R 34
    • G 52
    • B 100
    RGB color chart
    • C 66
    • M 48
    • Y 0
    • K 0
    CMYK color chart

#5685ff color description : Light blue.

#5685ff Color Conversion

The hexadecimal color #5685ff has RGB values of R:86, G:133, B:255 and CMYK values of C:0.66, M:0.48, Y:0, K:0. Its decimal value is 5670399.

Hex triplet 5685ff #5685ff
RGB Decimal 86, 133, 255 rgb(86,133,255)
RGB Percent 33.7, 52.2, 100 rgb(33.7%,52.2%,100%)
CMYK 66, 48, 0, 0
HSL 223.3°, 100, 66.9 hsl(223.3,100%,66.9%)
HSV (or HSB) 223.3°, 66.3, 100
Web Safe 6699ff #6699ff
CIE-LAB 58.01, 22.447, -65.511
XYZ 30.271, 25.972, 98.02
xyY 0.196, 0.168, 25.972
CIE-LCH 58.01, 69.25, 288.914
CIE-LUV 58.01, -21.289, -106.272
Hunter-Lab 50.962, 16.844, -78.364
Binary 01010110, 10000101, 11111111

Color Schemes with #5685ff

Complementary Color
Analogous Color
Split Complementary Color
Triadic Color
Tetradic Color
Monochromatic Color

Alternatives to #5685ff

Below, you can see some colors close to #5685ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

Similar Colors

#5685ff Preview

Text with hexadecimal color #5685ff

This text has a font color of #5685ff.

<span style="color:#5685ff;">Text here</span>
#5685ff background color

This paragraph has a background color of #5685ff.

<p style="background-color:#5685ff;">Content here</p>
#5685ff border color

This element has a border color of #5685ff.

<div style="border:1px solid #5685ff;">Content here</div>
CSS codes
.text {color:#5685ff;}
.background {background-color:#5685ff;}
.border {border:1px solid #5685ff;}

Shades and Tints of #5685ff

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000208 is the darkest color, while #f3f6ff is the lightest one.

Shade Color Variation
Tint Color Variation

Tones of #5685ff

A tone is produced by adding gray to any pure hue. In this case, #a4a8b1 is the less saturated color, while #5685ff is the most saturated one.

Tone Color Variation

Color Blindness Simulator

Below, you can see how #5685ff is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

  • #858585 Achromatopsia 0.005% of the population
  • #7c859d Atypical Achromatopsia 0.001% of the population
  • #4f8dff Protanopia 1% of men
  • #0093f5 Deuteranopia 1% of men
  • #009faa Tritanopia 0.001% of the population
  • #518aff Protanomaly 1% of men, 0.01% of women
  • #1f8ef9 Deuteranomaly 6% of men, 0.4% of women
  • #1f95c9 Tritanomaly 0.01% of the population