#555bdf hex color

In a RGB color space, hex #555bdf is composed of 33.3% red, 35.7% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 59.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 237.4 degrees, a saturation of 68.3% and a lightness of 60.4%. #555bdf color hex could be obtained by blending #aab6ff with #0000bf. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 36
- B 87
RGB color chart
- C 62
- M 59
- Y 0
- K 13
CMYK color chart

● #555bdf color description : Soft blue.

The hexadecimal color #555bdf has RGB values of R:85, G:91, B:223 and CMYK values of C:0.62, M:0.59, Y:0, K:0.13. Its decimal value is 5594079.

Hex triplet	555bdf	`#555bdf`
RGB Decimal	85, 91, 223	`rgb(85,91,223)`
RGB Percent	33.3, 35.7, 87.5	`rgb(33.3%,35.7%,87.5%)`
CMYK	62, 59, 0, 13
HSL	237.4°, 68.3, 60.4	`hsl(237.4,68.3%,60.4%)`
HSV (or HSB)	237.4°, 61.9, 87.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.276, 37.206, -68.236
XYZ	20.804, 14.74, 71.557
xyY	0.194, 0.138, 14.74
CIE-LCH	45.276, 77.72, 298.602
CIE-LUV	45.276, -9.17, -104.639
Hunter-Lab	38.393, 29.536, -83.63
Binary	01010101, 01011011, 11011111

#555bdf
```
#555bdf rgb(85,91,223)
```
#dfd955
```
#dfd955 rgb(223,217,85)
```

Complementary Color

#55a0df
```
#55a0df rgb(85,160,223)
```
#555bdf
```
#555bdf rgb(85,91,223)
```
#9455df
```
#9455df rgb(148,85,223)
```

Analogous Color

#a0df55
```
#a0df55 rgb(160,223,85)
```
#555bdf
```
#555bdf rgb(85,91,223)
```
#df9455
```
#df9455 rgb(223,148,85)
```

Split Complementary Color

#5bdf55
```
#5bdf55 rgb(91,223,85)
```
#555bdf
```
#555bdf rgb(85,91,223)
```
#df555b
```
#df555b rgb(223,85,91)
```

Triadic Color

#55dfd9
```
#55dfd9 rgb(85,223,217)
```
#555bdf
```
#555bdf rgb(85,91,223)
```
#df555b
```
#df555b rgb(223,85,91)
```
#dfd955
```
#dfd955 rgb(223,217,85)
```

Tetradic Color

#252cc3
```
#252cc3 rgb(37,44,195)
```
#2a32d7
```
#2a32d7 rgb(42,50,215)
```
#4046db
```
#4046db rgb(64,70,219)
```
#555bdf
```
#555bdf rgb(85,91,223)
```
#6a70e3
```
#6a70e3 rgb(106,112,227)
```
#8084e7
```
#8084e7 rgb(128,132,231)
```
#9599eb
```
#9599eb rgb(149,153,235)
```

Monochromatic Color

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

#557edf
```
#557edf rgb(85,126,223)
```
#5572df
```
#5572df rgb(85,114,223)
```
#5567df
```
#5567df rgb(85,103,223)
```
#555bdf
```
#555bdf rgb(85,91,223)
```
#5a55df
```
#5a55df rgb(90,85,223)
```
#6655df
```
#6655df rgb(102,85,223)
```
#7255df
```
#7255df rgb(114,85,223)
```

Similar Colors

Text with hexadecimal color #555bdf

This text has a font color of #555bdf.

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

#555bdf background color

This paragraph has a background color of #555bdf.

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

#555bdf border color

This element has a border color of #555bdf.

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

CSS codes

.text {color:#555bdf;}

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

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

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, #02030c is the darkest color, while #fafafe is the lightest one.

#02030c
```
#02030c rgb(2,3,12)
```
#05061c
```
#05061c rgb(5,6,28)
```
#080a2d
```
#080a2d rgb(8,10,45)
```
#0c0e3d
```
#0c0e3d rgb(12,14,61)
```
#0f114e
```
#0f114e rgb(15,17,78)
```
#12155e
```
#12155e rgb(18,21,94)
```
#15196f
```
#15196f rgb(21,25,111)
```
#181c7f
```
#181c7f rgb(24,28,127)
```
#1b2090
```
#1b2090 rgb(27,32,144)
```
#1e24a0
```
#1e24a0 rgb(30,36,160)
```
#2127b1
```
#2127b1 rgb(33,39,177)
```
#242bc1
```
#242bc1 rgb(36,43,193)
```
#272fd2
```
#272fd2 rgb(39,47,210)
```

Shade Color Variation

#343bd9
```
#343bd9 rgb(52,59,217)
```
#444bdc
```
#444bdc rgb(68,75,220)
```
#555bdf
```
#555bdf rgb(85,91,223)
```
#666be2
```
#666be2 rgb(102,107,226)
```
#767be5
```
#767be5 rgb(118,123,229)
```
#878be8
```
#878be8 rgb(135,139,232)
```
#979beb
```
#979beb rgb(151,155,235)
```
#a8abef
```
#a8abef rgb(168,171,239)
```
#b8bbf2
```
#b8bbf2 rgb(184,187,242)
```
#c9caf5
```
#c9caf5 rgb(201,202,245)
```
#d9daf8
```
#d9daf8 rgb(217,218,248)
```
#eaeafb
```
#eaeafb rgb(234,234,251)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9394a1 is the less saturated color, while #363ffe is the most saturated one.

#9394a1
```
#9394a1 rgb(147,148,161)
```
#8b8da9
```
#8b8da9 rgb(139,141,169)
```
#8486b0
```
#8486b0 rgb(132,134,176)
```
#7c7eb8
```
#7c7eb8 rgb(124,126,184)
```
#7477c0
```
#7477c0 rgb(116,119,192)
```
#6c70c8
```
#6c70c8 rgb(108,112,200)
```
#6569cf
```
#6569cf rgb(101,105,207)
```
#5d62d7
```
#5d62d7 rgb(93,98,215)
```
#555bdf
```
#555bdf rgb(85,91,223)
```
#4d54e7
```
#4d54e7 rgb(77,84,231)
```
#454def
```
#454def rgb(69,77,239)
```
#3e46f6
```
#3e46f6 rgb(62,70,246)
```
#363ffe
```
#363ffe rgb(54,63,254)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#646580 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075bf Deuteranopia 1% of men
#007d87 Tritanopia 0.001% of the population

Trichromacy

#1e67db Protanomaly 1% of men, 0.01% of women
#1e6bca Deuteranomaly 6% of men, 0.4% of women
#1e71a7 Tritanomaly 0.01% of the population

#555bdf hex color

#555bdf Color Information

#555bdf Color Conversion

Color Schemes with #555bdf

Alternatives to #555bdf

#555bdf Preview

Shades and Tints of #555bdf

Tones of #555bdf

Color Blindness Simulator