#554dfb hex color

In a RGB color space, hex #554dfb is composed of 33.3% red, 30.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 69.3% magenta, 0% yellow and 1.6% black. It has a hue angle of 242.8 degrees, a saturation of 95.6% and a lightness of 64.3%. #554dfb color hex could be obtained by blending #aa9aff with #0000f7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 30
- B 98
RGB color chart
- C 66
- M 69
- Y 0
- K 2
CMYK color chart

● #554dfb color description : Soft blue.

The hexadecimal color #554dfb has RGB values of R:85, G:77, B:251 and CMYK values of C:0.66, M:0.69, Y:0, K:0.02. Its decimal value is 5590523.

Hex triplet	554dfb	`#554dfb`
RGB Decimal	85, 77, 251	`rgb(85,77,251)`
RGB Percent	33.3, 30.2, 98.4	`rgb(33.3%,30.2%,98.4%)`
CMYK	66, 69, 0, 2
HSL	242.8°, 95.6, 64.3	`hsl(242.8,95.6%,64.3%)`
HSV (or HSB)	242.8°, 69.3, 98.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	44.523, 54.318, -85.239
XYZ	23.809, 14.203, 92.748
xyY	0.182, 0.109, 14.203
CIE-LCH	44.523, 101.075, 302.507
CIE-LUV	44.523, -7.494, -127.437
Hunter-Lab	37.687, 46.819, -119.534
Binary	01010101, 01001101, 11111011

#554dfb
```
#554dfb rgb(85,77,251)
```
#f3fb4d
```
#f3fb4d rgb(243,251,77)
```

Complementary Color

#4d9cfb
```
#4d9cfb rgb(77,156,251)
```
#554dfb
```
#554dfb rgb(85,77,251)
```
#ac4dfb
```
#ac4dfb rgb(172,77,251)
```

Analogous Color

#9cfb4d
```
#9cfb4d rgb(156,251,77)
```
#554dfb
```
#554dfb rgb(85,77,251)
```
#fbac4d
```
#fbac4d rgb(251,172,77)
```

Split Complementary Color

#4dfb55
```
#4dfb55 rgb(77,251,85)
```
#554dfb
```
#554dfb rgb(85,77,251)
```
#fb554d
```
#fb554d rgb(251,85,77)
```

Triadic Color

#4df3fb
```
#4df3fb rgb(77,243,251)
```
#554dfb
```
#554dfb rgb(85,77,251)
```
#fb554d
```
#fb554d rgb(251,85,77)
```
#f3fb4d
```
#f3fb4d rgb(243,251,77)
```

Tetradic Color

#1106f6
```
#1106f6 rgb(17,6,246)
```
#251bfa
```
#251bfa rgb(37,27,250)
```
#3d34fa
```
#3d34fa rgb(61,52,250)
```
#554dfb
```
#554dfb rgb(85,77,251)
```
#6d66fc
```
#6d66fc rgb(109,102,252)
```
#857ffc
```
#857ffc rgb(133,127,252)
```
#9c98fd
```
#9c98fd rgb(156,152,253)
```

Monochromatic Color

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

#4d71fb
```
#4d71fb rgb(77,113,251)
```
#4d62fb
```
#4d62fb rgb(77,98,251)
```
#4d54fb
```
#4d54fb rgb(77,84,251)
```
#554dfb
```
#554dfb rgb(85,77,251)
```
#644dfb
```
#644dfb rgb(100,77,251)
```
#724dfb
```
#724dfb rgb(114,77,251)
```
#814dfb
```
#814dfb rgb(129,77,251)
```

Similar Colors

Text with hexadecimal color #554dfb

This text has a font color of #554dfb.

<span style="color:#554dfb;">Text here</span>

#554dfb background color

This paragraph has a background color of #554dfb.

<p style="background-color:#554dfb;">Content here</p>

#554dfb border color

This element has a border color of #554dfb.

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

CSS codes

.text {color:#554dfb;}

.background {background-color:#554dfb;}

.border {border:1px solid #554dfb;}

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, #01000e is the darkest color, while #fafaff is the lightest one.

#01000e
```
#01000e rgb(1,0,14)
```
#020121
```
#020121 rgb(2,1,33)
```
#040134
```
#040134 rgb(4,1,52)
```
#050247
```
#050247 rgb(5,2,71)
```
#06025b
```
#06025b rgb(6,2,91)
```
#07026e
```
#07026e rgb(7,2,110)
```
#090381
```
#090381 rgb(9,3,129)
```
#0a0394
```
#0a0394 rgb(10,3,148)
```
#0b04a7
```
#0b04a7 rgb(11,4,167)
```
#0d04bb
```
#0d04bb rgb(13,4,187)
```
#0e05ce
```
#0e05ce rgb(14,5,206)
```
#0f05e1
```
#0f05e1 rgb(15,5,225)
```
#1005f4
```
#1005f4 rgb(16,5,244)
```

Shade Color Variation

#1e13fa
```
#1e13fa rgb(30,19,250)
```
#3027fa
```
#3027fa rgb(48,39,250)
```
#433afb
```
#433afb rgb(67,58,251)
```
#554dfb
```
#554dfb rgb(85,77,251)
```
#6760fb
```
#6760fb rgb(103,96,251)
```
#7a73fc
```
#7a73fc rgb(122,115,252)
```
#8c87fc
```
#8c87fc rgb(140,135,252)
```
#9e9afd
```
#9e9afd rgb(158,154,253)
```
#b1adfd
```
#b1adfd rgb(177,173,253)
```
#c3c0fe
```
#c3c0fe rgb(195,192,254)
```
#d5d3fe
```
#d5d3fe rgb(213,211,254)
```
#e8e6fe
```
#e8e6fe rgb(232,230,254)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#a1a1a7
```
#a1a1a7 rgb(161,161,167)
```
#9b9aae
```
#9b9aae rgb(155,154,174)
```
#9593b5
```
#9593b5 rgb(149,147,181)
```
#8e8cbc
```
#8e8cbc rgb(142,140,188)
```
#8885c3
```
#8885c3 rgb(136,133,195)
```
#817eca
```
#817eca rgb(129,126,202)
```
#7b77d1
```
#7b77d1 rgb(123,119,209)
```
#7570d8
```
#7570d8 rgb(117,112,216)
```
#6e69df
```
#6e69df rgb(110,105,223)
```
#6862e6
```
#6862e6 rgb(104,98,230)
```
#625bed
```
#625bed rgb(98,91,237)
```
#5b54f4
```
#5b54f4 rgb(91,84,244)
```
#554dfb
```
#554dfb rgb(85,77,251)
```

Tone Color Variation

Below, you can see how #554dfb 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

#636363 Achromatopsia 0.005% of the population
#605f81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1e61e3 Protanomaly 1% of men, 0.01% of women
#1e65d1 Deuteranomaly 6% of men, 0.4% of women
#1e6baf Tritanomaly 0.01% of the population

#554dfb hex color

#554dfb Color Information

#554dfb Color Conversion

Color Schemes with #554dfb

Alternatives to #554dfb

#554dfb Preview

Shades and Tints of #554dfb

Tones of #554dfb

Color Blindness Simulator