#555fdc hex color

In a RGB color space, hex #555fdc is composed of 33.3% red, 37.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 56.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 235.6 degrees, a saturation of 65.9% and a lightness of 59.8%. #555fdc color hex could be obtained by blending #aabeff with #0000b9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 37
- B 86
RGB color chart
- C 61
- M 57
- Y 0
- K 14
CMYK color chart

● #555fdc color description : Soft blue.

The hexadecimal color #555fdc has RGB values of R:85, G:95, B:220 and CMYK values of C:0.61, M:0.57, Y:0, K:0.14. Its decimal value is 5595100.

Hex triplet	555fdc	`#555fdc`
RGB Decimal	85, 95, 220	`rgb(85,95,220)`
RGB Percent	33.3, 37.3, 86.3	`rgb(33.3%,37.3%,86.3%)`
CMYK	61, 57, 0, 14
HSL	235.6°, 65.9, 59.8	`hsl(235.6,65.9%,59.8%)`
HSV (or HSB)	235.6°, 61.4, 86.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.018, 33.768, -65.326
XYZ	20.754, 15.282, 69.562
xyY	0.197, 0.145, 15.282
CIE-LCH	46.018, 73.537, 297.335
CIE-LUV	46.018, -10.078, -100.787
Hunter-Lab	39.092, 26.355, -78.138
Binary	01010101, 01011111, 11011100

#555fdc
```
#555fdc rgb(85,95,220)
```
#dcd255
```
#dcd255 rgb(220,210,85)
```

Complementary Color

#55a3dc
```
#55a3dc rgb(85,163,220)
```
#555fdc
```
#555fdc rgb(85,95,220)
```
#8f55dc
```
#8f55dc rgb(143,85,220)
```

Analogous Color

#a3dc55
```
#a3dc55 rgb(163,220,85)
```
#555fdc
```
#555fdc rgb(85,95,220)
```
#dc8f55
```
#dc8f55 rgb(220,143,85)
```

Split Complementary Color

#5fdc55
```
#5fdc55 rgb(95,220,85)
```
#555fdc
```
#555fdc rgb(85,95,220)
```
#dc555f
```
#dc555f rgb(220,85,95)
```

Triadic Color

#55dcd2
```
#55dcd2 rgb(85,220,210)
```
#555fdc
```
#555fdc rgb(85,95,220)
```
#dc555f
```
#dc555f rgb(220,85,95)
```
#dcd255
```
#dcd255 rgb(220,210,85)
```

Tetradic Color

#2732bd
```
#2732bd rgb(39,50,189)
```
#2b38d3
```
#2b38d3 rgb(43,56,211)
```
#404bd8
```
#404bd8 rgb(64,75,216)
```
#555fdc
```
#555fdc rgb(85,95,220)
```
#6a73e0
```
#6a73e0 rgb(106,115,224)
```
#7f87e5
```
#7f87e5 rgb(127,135,229)
```
#949be9
```
#949be9 rgb(148,155,233)
```

Monochromatic Color

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

#5581dc
```
#5581dc rgb(85,129,220)
```
#5576dc
```
#5576dc rgb(85,118,220)
```
#556adc
```
#556adc rgb(85,106,220)
```
#555fdc
```
#555fdc rgb(85,95,220)
```
#5655dc
```
#5655dc rgb(86,85,220)
```
#6155dc
```
#6155dc rgb(97,85,220)
```
#6d55dc
```
#6d55dc rgb(109,85,220)
```

Similar Colors

Text with hexadecimal color #555fdc

This text has a font color of #555fdc.

<span style="color:#555fdc;">Text here</span>

#555fdc background color

This paragraph has a background color of #555fdc.

<p style="background-color:#555fdc;">Content here</p>

#555fdc border color

This element has a border color of #555fdc.

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

CSS codes

.text {color:#555fdc;}

.background {background-color:#555fdc;}

.border {border:1px solid #555fdc;}

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

#020209
```
#020209 rgb(2,2,9)
```
#050719
```
#050719 rgb(5,7,25)
```
#090b29
```
#090b29 rgb(9,11,41)
```
#0c0f3a
```
#0c0f3a rgb(12,15,58)
```
#0f144a
```
#0f144a rgb(15,20,74)
```
#13185a
```
#13185a rgb(19,24,90)
```
#161c6b
```
#161c6b rgb(22,28,107)
```
#19217b
```
#19217b rgb(25,33,123)
```
#1d258b
```
#1d258b rgb(29,37,139)
```
#20299b
```
#20299b rgb(32,41,155)
```
#232dac
```
#232dac rgb(35,45,172)
```
#2732bc
```
#2732bc rgb(39,50,188)
```
#2a36cc
```
#2a36cc rgb(42,54,204)
```

Shade Color Variation

#3440d5
```
#3440d5 rgb(52,64,213)
```
#4550d9
```
#4550d9 rgb(69,80,217)
```
#555fdc
```
#555fdc rgb(85,95,220)
```
#656edf
```
#656edf rgb(101,110,223)
```
#767ee3
```
#767ee3 rgb(118,126,227)
```
#868de6
```
#868de6 rgb(134,141,230)
```
#969ce9
```
#969ce9 rgb(150,156,233)
```
#a6aced
```
#a6aced rgb(166,172,237)
```
#b7bbf0
```
#b7bbf0 rgb(183,187,240)
```
#c7caf3
```
#c7caf3 rgb(199,202,243)
```
#d7d9f7
```
#d7d9f7 rgb(215,217,247)
```
#e7e9fa
```
#e7e9fa rgb(231,233,250)
```
#f8f8fd
```
#f8f8fd rgb(248,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94959d is the less saturated color, while #3544fc is the most saturated one.

#94959d
```
#94959d rgb(148,149,157)
```
#8c8ea5
```
#8c8ea5 rgb(140,142,165)
```
#8487ad
```
#8487ad rgb(132,135,173)
```
#7c81b5
```
#7c81b5 rgb(124,129,181)
```
#757abc
```
#757abc rgb(117,122,188)
```
#6d73c4
```
#6d73c4 rgb(109,115,196)
```
#656ccc
```
#656ccc rgb(101,108,204)
```
#5d66d4
```
#5d66d4 rgb(93,102,212)
```
#555fdc
```
#555fdc rgb(85,95,220)
```
#4d58e4
```
#4d58e4 rgb(77,88,228)
```
#4552ec
```
#4552ec rgb(69,82,236)
```
#3d4bf4
```
#3d4bf4 rgb(61,75,244)
```
#3544fc
```
#3544fc rgb(53,68,252)
```

Tone Color Variation

Below, you can see how #555fdc 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

#6a6a6a Achromatopsia 0.005% of the population
#666881 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dd Protanopia 1% of men
#0077c2 Deuteranopia 1% of men
#1a7f88 Tritanopia 0.001% of the population

Trichromacy

#1e6adc Protanomaly 1% of men, 0.01% of women
#1e6ecb Deuteranomaly 6% of men, 0.4% of women
#3073a7 Tritanomaly 0.01% of the population

#555fdc hex color

#555fdc Color Information

#555fdc Color Conversion

Color Schemes with #555fdc

Alternatives to #555fdc

#555fdc Preview

Shades and Tints of #555fdc

Tones of #555fdc

Color Blindness Simulator