#5566ff hex color

In a RGB color space, hex #5566ff is composed of 33.3% red, 40% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 60% magenta, 0% yellow and 0% black. It has a hue angle of 234 degrees, a saturation of 100% and a lightness of 66.7%. #5566ff color hex could be obtained by blending #aaccff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 40
- B 100
RGB color chart
- C 67
- M 60
- Y 0
- K 0
CMYK color chart

● #5566ff color description : Light blue.

The hexadecimal color #5566ff has RGB values of R:85, G:102, B:255 and CMYK values of C:0.67, M:0.6, Y:0, K:0. Its decimal value is 5596927.

Hex triplet	5566ff	`#5566ff`
RGB Decimal	85, 102, 255	`rgb(85,102,255)`
RGB Percent	33.3, 40, 100	`rgb(33.3%,40%,100%)`
CMYK	67, 60, 0, 0
HSL	234°, 100, 66.7	`hsl(234,100%,66.7%)`
HSV (or HSB)	234°, 66.7, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.278, 41.141, -78.04
XYZ	26.544, 18.653, 96.804
xyY	0.187, 0.131, 18.653
CIE-LCH	50.278, 88.22, 297.797
CIE-LUV	50.278, -13.016, -122.24
Hunter-Lab	43.189, 34.127, -102.662
Binary	01010101, 01100110, 11111111

#5566ff
```
#5566ff rgb(85,102,255)
```
#ffee55
```
#ffee55 rgb(255,238,85)
```

Complementary Color

#55bbff
```
#55bbff rgb(85,187,255)
```
#5566ff
```
#5566ff rgb(85,102,255)
```
#9955ff
```
#9955ff rgb(153,85,255)
```

Analogous Color

#bbff55
```
#bbff55 rgb(187,255,85)
```
#5566ff
```
#5566ff rgb(85,102,255)
```
#ff9955
```
#ff9955 rgb(255,153,85)
```

Split Complementary Color

#66ff55
```
#66ff55 rgb(102,255,85)
```
#5566ff
```
#5566ff rgb(85,102,255)
```
#ff5566
```
#ff5566 rgb(255,85,102)
```

Triadic Color

#55ffee
```
#55ffee rgb(85,255,238)
```
#5566ff
```
#5566ff rgb(85,102,255)
```
#ff5566
```
#ff5566 rgb(255,85,102)
```
#ffee55
```
#ffee55 rgb(255,238,85)
```

Tetradic Color

#0821ff
```
#0821ff rgb(8,33,255)
```
#2238ff
```
#2238ff rgb(34,56,255)
```
#3c4fff
```
#3c4fff rgb(60,79,255)
```
#5566ff
```
#5566ff rgb(85,102,255)
```
#6f7dff
```
#6f7dff rgb(111,125,255)
```
#8894ff
```
#8894ff rgb(136,148,255)
```
#a2abff
```
#a2abff rgb(162,171,255)
```

Monochromatic Color

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

#5591ff
```
#5591ff rgb(85,145,255)
```
#5582ff
```
#5582ff rgb(85,130,255)
```
#5574ff
```
#5574ff rgb(85,116,255)
```
#5566ff
```
#5566ff rgb(85,102,255)
```
#5558ff
```
#5558ff rgb(85,88,255)
```
#6055ff
```
#6055ff rgb(96,85,255)
```
#6f55ff
```
#6f55ff rgb(111,85,255)
```

Similar Colors

Text with hexadecimal color #5566ff

This text has a font color of #5566ff.

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

#5566ff background color

This paragraph has a background color of #5566ff.

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

#5566ff border color

This element has a border color of #5566ff.

<div style="border:1px solid #5566ff;">Content here</div>

CSS codes

.text {color:#5566ff;}

.background {background-color:#5566ff;}

.border {border:1px solid #5566ff;}

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, #000107 is the darkest color, while #f2f3ff is the lightest one.

#000107
```
#000107 rgb(0,1,7)
```
#00031a
```
#00031a rgb(0,3,26)
```
#00052e
```
#00052e rgb(0,5,46)
```
#000741
```
#000741 rgb(0,7,65)
```
#000955
```
#000955 rgb(0,9,85)
```
#000a69
```
#000a69 rgb(0,10,105)
```
#000c7c
```
#000c7c rgb(0,12,124)
```
#000e90
```
#000e90 rgb(0,14,144)
```
#0010a3
```
#0010a3 rgb(0,16,163)
```
#0012b7
```
#0012b7 rgb(0,18,183)
```
#0014cb
```
#0014cb rgb(0,20,203)
```
#0016de
```
#0016de rgb(0,22,222)
```
#0018f2
```
#0018f2 rgb(0,24,242)
```

Shade Color Variation

#071fff
```
#071fff rgb(7,31,255)
```
#1a31ff
```
#1a31ff rgb(26,49,255)
```
#2e43ff
```
#2e43ff rgb(46,67,255)
```
#4154ff
```
#4154ff rgb(65,84,255)
```
#5566ff
```
#5566ff rgb(85,102,255)
```
#6978ff
```
#6978ff rgb(105,120,255)
```
#7c89ff
```
#7c89ff rgb(124,137,255)
```
#909bff
```
#909bff rgb(144,155,255)
```
#a3adff
```
#a3adff rgb(163,173,255)
```
#b7beff
```
#b7beff rgb(183,190,255)
```
#cbd0ff
```
#cbd0ff rgb(203,208,255)
```
#dee2ff
```
#dee2ff rgb(222,226,255)
```
#f2f3ff
```
#f2f3ff rgb(242,243,255)
```

Tint Color Variation

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

#a3a5b1
```
#a3a5b1 rgb(163,165,177)
```
#9da0b7
```
#9da0b7 rgb(157,160,183)
```
#969abe
```
#969abe rgb(150,154,190)
```
#9095c4
```
#9095c4 rgb(144,149,196)
```
#8990cb
```
#8990cb rgb(137,144,203)
```
#838bd1
```
#838bd1 rgb(131,139,209)
```
#7c85d8
```
#7c85d8 rgb(124,133,216)
```
#7680de
```
#7680de rgb(118,128,222)
```
#6f7be5
```
#6f7be5 rgb(111,123,229)
```
#6976eb
```
#6976eb rgb(105,118,235)
```
#6270f2
```
#6270f2 rgb(98,112,242)
```
#5c6bf8
```
#5c6bf8 rgb(92,107,248)
```
#5566ff
```
#5566ff rgb(85,102,255)
```

Tone Color Variation

Below, you can see how #5566ff 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.

Monochromacy

#727272 Achromatopsia 0.005% of the population
#6c708e Atypical Achromatopsia 0.001% of the population

Dichromacy

#007af0 Protanopia 1% of men
#0081d2 Deuteranopia 1% of men
#008b94 Tritanopia 0.001% of the population

Trichromacy

#1e73f5 Protanomaly 1% of men, 0.01% of women
#1e77e2 Deuteranomaly 6% of men, 0.4% of women
#1e7dba Tritanomaly 0.01% of the population

#5566ff hex color

#5566ff Color Information

#5566ff Color Conversion

Color Schemes with #5566ff

Alternatives to #5566ff

#5566ff Preview

Shades and Tints of #5566ff

Tones of #5566ff

Color Blindness Simulator