#555dfe hex color

In a RGB color space, hex #555dfe is composed of 33.3% red, 36.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 63.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 237.2 degrees, a saturation of 98.8% and a lightness of 66.5%. #555dfe color hex could be obtained by blending #aabaff with #0000fd. Closest websafe color is: #6666ff.

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

● #555dfe color description : Soft blue.

The hexadecimal color #555dfe has RGB values of R:85, G:93, B:254 and CMYK values of C:0.67, M:0.63, Y:0, K:0. Its decimal value is 5594622.

Hex triplet	555dfe	`#555dfe`
RGB Decimal	85, 93, 254	`rgb(85,93,254)`
RGB Percent	33.3, 36.5, 99.6	`rgb(33.3%,36.5%,99.6%)`
CMYK	67, 63, 0, 0
HSL	237.2°, 98.8, 66.5	`hsl(237.2,98.8%,66.5%)`
HSV (or HSB)	237.2°, 66.5, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.152, 46.16, -80.958
XYZ	25.546, 16.914, 95.679
xyY	0.185, 0.122, 16.914
CIE-LCH	48.152, 93.193, 299.69
CIE-LUV	48.152, -10.889, -124.896
Hunter-Lab	41.127, 38.905, -109.145
Binary	01010101, 01011101, 11111110

#555dfe
```
#555dfe rgb(85,93,254)
```
#fef655
```
#fef655 rgb(254,246,85)
```

Complementary Color

#55b2fe
```
#55b2fe rgb(85,178,254)
```
#555dfe
```
#555dfe rgb(85,93,254)
```
#a255fe
```
#a255fe rgb(162,85,254)
```

Analogous Color

#b2fe55
```
#b2fe55 rgb(178,254,85)
```
#555dfe
```
#555dfe rgb(85,93,254)
```
#fea255
```
#fea255 rgb(254,162,85)
```

Split Complementary Color

#5dfe55
```
#5dfe55 rgb(93,254,85)
```
#555dfe
```
#555dfe rgb(85,93,254)
```
#fe555d
```
#fe555d rgb(254,85,93)
```

Triadic Color

#55fef6
```
#55fef6 rgb(85,254,246)
```
#555dfe
```
#555dfe rgb(85,93,254)
```
#fe555d
```
#fe555d rgb(254,85,93)
```
#fef655
```
#fef655 rgb(254,246,85)
```

Tetradic Color

#0915fe
```
#0915fe rgb(9,21,254)
```
#222dfe
```
#222dfe rgb(34,45,254)
```
#3c45fe
```
#3c45fe rgb(60,69,254)
```
#555dfe
```
#555dfe rgb(85,93,254)
```
#6e75fe
```
#6e75fe rgb(110,117,254)
```
#888dfe
```
#888dfe rgb(136,141,254)
```
#a1a5fe
```
#a1a5fe rgb(161,165,254)
```

Monochromatic Color

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

#5587fe
```
#5587fe rgb(85,135,254)
```
#5579fe
```
#5579fe rgb(85,121,254)
```
#556bfe
```
#556bfe rgb(85,107,254)
```
#555dfe
```
#555dfe rgb(85,93,254)
```
#5b55fe
```
#5b55fe rgb(91,85,254)
```
#6955fe
```
#6955fe rgb(105,85,254)
```
#7755fe
```
#7755fe rgb(119,85,254)
```

Similar Colors

Text with hexadecimal color #555dfe

This text has a font color of #555dfe.

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

#555dfe background color

This paragraph has a background color of #555dfe.

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

#555dfe border color

This element has a border color of #555dfe.

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

CSS codes

.text {color:#555dfe;}

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

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

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

#000006
```
#000006 rgb(0,0,6)
```
#000119
```
#000119 rgb(0,1,25)
```
#00022d
```
#00022d rgb(0,2,45)
```
#000340
```
#000340 rgb(0,3,64)
```
#000454
```
#000454 rgb(0,4,84)
```
#010567
```
#010567 rgb(1,5,103)
```
#01067b
```
#01067b rgb(1,6,123)
```
#01088e
```
#01088e rgb(1,8,142)
```
#0109a2
```
#0109a2 rgb(1,9,162)
```
#010ab5
```
#010ab5 rgb(1,10,181)
```
#010bc9
```
#010bc9 rgb(1,11,201)
```
#010cdc
```
#010cdc rgb(1,12,220)
```
#010df0
```
#010df0 rgb(1,13,240)
```

Shade Color Variation

#0713fe
```
#0713fe rgb(7,19,254)
```
#1a25fe
```
#1a25fe rgb(26,37,254)
```
#2e38fe
```
#2e38fe rgb(46,56,254)
```
#414afe
```
#414afe rgb(65,74,254)
```
#555dfe
```
#555dfe rgb(85,93,254)
```
#6970fe
```
#6970fe rgb(105,112,254)
```
#7c82fe
```
#7c82fe rgb(124,130,254)
```
#9095fe
```
#9095fe rgb(144,149,254)
```
#a3a7fe
```
#a3a7fe rgb(163,167,254)
```
#b7baff
```
#b7baff rgb(183,186,255)
```
#caccff
```
#caccff rgb(202,204,255)
```
#dedfff
```
#dedfff rgb(222,223,255)
```
#f1f2ff
```
#f1f2ff rgb(241,242,255)
```

Tint Color Variation

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

#a4a4af
```
#a4a4af rgb(164,164,175)
```
#9d9eb6
```
#9d9eb6 rgb(157,158,182)
```
#9799bc
```
#9799bc rgb(151,153,188)
```
#9093c3
```
#9093c3 rgb(144,147,195)
```
#8a8dc9
```
#8a8dc9 rgb(138,141,201)
```
#8387d0
```
#8387d0 rgb(131,135,208)
```
#7c81d7
```
#7c81d7 rgb(124,129,215)
```
#767bdd
```
#767bdd rgb(118,123,221)
```
#6f75e4
```
#6f75e4 rgb(111,117,228)
```
#696fea
```
#696fea rgb(105,111,234)
```
#6269f1
```
#6269f1 rgb(98,105,241)
```
#5c63f7
```
#5c63f7 rgb(92,99,247)
```
#555dfe
```
#555dfe rgb(85,93,254)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#686a8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e6 Protanopia 1% of men
#007cc9 Deuteranopia 1% of men
#00858e Tritanopia 0.001% of the population

Trichromacy

#1e6cee Protanomaly 1% of men, 0.01% of women
#1e71dc Deuteranomaly 6% of men, 0.4% of women
#1e76b6 Tritanomaly 0.01% of the population

#555dfe hex color

#555dfe Color Information

#555dfe Color Conversion

Color Schemes with #555dfe

Alternatives to #555dfe

#555dfe Preview

Shades and Tints of #555dfe

Tones of #555dfe

Color Blindness Simulator