#555cfe hex color

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

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

● #555cfe color description : Soft blue.

The hexadecimal color #555cfe has RGB values of R:85, G:92, B:254 and CMYK values of C:0.67, M:0.64, Y:0, K:0. Its decimal value is 5594366.

Hex triplet	555cfe	`#555cfe`
RGB Decimal	85, 92, 254	`rgb(85,92,254)`
RGB Percent	33.3, 36.1, 99.6	`rgb(33.3%,36.1%,99.6%)`
CMYK	67, 64, 0, 0
HSL	237.5°, 98.8, 66.5	`hsl(237.5,98.8%,66.5%)`
HSV (or HSB)	237.5°, 66.5, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.931, 46.746, -81.32
XYZ	25.459, 16.74, 95.65
xyY	0.185, 0.121, 16.74
CIE-LCH	47.931, 93.798, 299.892
CIE-LUV	47.931, -10.668, -125.228
Hunter-Lab	40.915, 39.472, -109.968
Binary	01010101, 01011100, 11111110

#555cfe
```
#555cfe rgb(85,92,254)
```
#fef755
```
#fef755 rgb(254,247,85)
```

Complementary Color

#55b1fe
```
#55b1fe rgb(85,177,254)
```
#555cfe
```
#555cfe rgb(85,92,254)
```
#a355fe
```
#a355fe rgb(163,85,254)
```

Analogous Color

#b1fe55
```
#b1fe55 rgb(177,254,85)
```
#555cfe
```
#555cfe rgb(85,92,254)
```
#fea355
```
#fea355 rgb(254,163,85)
```

Split Complementary Color

#5cfe55
```
#5cfe55 rgb(92,254,85)
```
#555cfe
```
#555cfe rgb(85,92,254)
```
#fe555c
```
#fe555c rgb(254,85,92)
```

Triadic Color

#55fef7
```
#55fef7 rgb(85,254,247)
```
#555cfe
```
#555cfe rgb(85,92,254)
```
#fe555c
```
#fe555c rgb(254,85,92)
```
#fef755
```
#fef755 rgb(254,247,85)
```

Tetradic Color

#0913fe
```
#0913fe rgb(9,19,254)
```
#222bfe
```
#222bfe rgb(34,43,254)
```
#3c44fe
```
#3c44fe rgb(60,68,254)
```
#555cfe
```
#555cfe rgb(85,92,254)
```
#6e74fe
```
#6e74fe rgb(110,116,254)
```
#888dfe
```
#888dfe rgb(136,141,254)
```
#a1a5fe
```
#a1a5fe rgb(161,165,254)
```

Monochromatic Color

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

#5586fe
```
#5586fe rgb(85,134,254)
```
#5578fe
```
#5578fe rgb(85,120,254)
```
#556afe
```
#556afe rgb(85,106,254)
```
#555cfe
```
#555cfe rgb(85,92,254)
```
#5c55fe
```
#5c55fe rgb(92,85,254)
```
#6a55fe
```
#6a55fe rgb(106,85,254)
```
#7855fe
```
#7855fe rgb(120,85,254)
```

Similar Colors

Text with hexadecimal color #555cfe

This text has a font color of #555cfe.

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

#555cfe background color

This paragraph has a background color of #555cfe.

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

#555cfe border color

This element has a border color of #555cfe.

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

CSS codes

.text {color:#555cfe;}

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

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

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)
```
#01078e
```
#01078e rgb(1,7,142)
```
#0108a2
```
#0108a2 rgb(1,8,162)
```
#0109b5
```
#0109b5 rgb(1,9,181)
```
#0109c9
```
#0109c9 rgb(1,9,201)
```
#010adc
```
#010adc rgb(1,10,220)
```
#010bf0
```
#010bf0 rgb(1,11,240)
```

Shade Color Variation

#0711fe
```
#0711fe rgb(7,17,254)
```
#1a24fe
```
#1a24fe rgb(26,36,254)
```
#2e37fe
```
#2e37fe rgb(46,55,254)
```
#4149fe
```
#4149fe rgb(65,73,254)
```
#555cfe
```
#555cfe rgb(85,92,254)
```
#696ffe
```
#696ffe rgb(105,111,254)
```
#7c81fe
```
#7c81fe rgb(124,129,254)
```
#9094fe
```
#9094fe rgb(144,148,254)
```
#a3a7fe
```
#a3a7fe rgb(163,167,254)
```
#b7b9ff
```
#b7b9ff rgb(183,185,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 #555cfe is the most saturated one.

#a4a4af
```
#a4a4af rgb(164,164,175)
```
#9d9eb6
```
#9d9eb6 rgb(157,158,182)
```
#9798bc
```
#9798bc rgb(151,152,188)
```
#9092c3
```
#9092c3 rgb(144,146,195)
```
#8a8cc9
```
#8a8cc9 rgb(138,140,201)
```
#8386d0
```
#8386d0 rgb(131,134,208)
```
#7c80d7
```
#7c80d7 rgb(124,128,215)
```
#767add
```
#767add rgb(118,122,221)
```
#6f74e4
```
#6f74e4 rgb(111,116,228)
```
#696eea
```
#696eea rgb(105,110,234)
```
#6268f1
```
#6268f1 rgb(98,104,241)
```
#5c62f7
```
#5c62f7 rgb(92,98,247)
```
#555cfe
```
#555cfe rgb(85,92,254)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#676989 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007cc8 Deuteranopia 1% of men
#00848d Tritanopia 0.001% of the population

Trichromacy

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

#555cfe hex color

#555cfe Color Information

#555cfe Color Conversion

Color Schemes with #555cfe

Alternatives to #555cfe

#555cfe Preview

Shades and Tints of #555cfe

Tones of #555cfe

Color Blindness Simulator