#554fef hex color

In a RGB color space, hex #554fef is composed of 33.3% red, 31% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 66.9% magenta, 0% yellow and 6.3% black. It has a hue angle of 242.3 degrees, a saturation of 83.3% and a lightness of 62.4%. #554fef color hex could be obtained by blending #aa9eff with #0000df. Closest websafe color is: #6666ff.

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

● #554fef color description : Soft blue.

The hexadecimal color #554fef has RGB values of R:85, G:79, B:239 and CMYK values of C:0.64, M:0.67, Y:0, K:0.06. Its decimal value is 5591023.

Hex triplet	554fef	`#554fef`
RGB Decimal	85, 79, 239	`rgb(85,79,239)`
RGB Percent	33.3, 31, 93.7	`rgb(33.3%,31%,93.7%)`
CMYK	64, 67, 0, 6
HSL	242.3°, 83.3, 62.4	`hsl(242.3,83.3%,62.4%)`
HSV (or HSB)	242.3°, 66.9, 93.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	43.878, 49.452, -79.567
XYZ	22.119, 13.754, 83.146
xyY	0.186, 0.116, 13.754
CIE-LCH	43.878, 93.683, 301.862
CIE-LUV	43.878, -7.239, -119.386
Hunter-Lab	37.087, 41.559, -106.964
Binary	01010101, 01001111, 11101111

#554fef
```
#554fef rgb(85,79,239)
```
#e9ef4f
```
#e9ef4f rgb(233,239,79)
```

Complementary Color

#4f99ef
```
#4f99ef rgb(79,153,239)
```
#554fef
```
#554fef rgb(85,79,239)
```
#a54fef
```
#a54fef rgb(165,79,239)
```

Analogous Color

#99ef4f
```
#99ef4f rgb(153,239,79)
```
#554fef
```
#554fef rgb(85,79,239)
```
#efa54f
```
#efa54f rgb(239,165,79)
```

Split Complementary Color

#4fef55
```
#4fef55 rgb(79,239,85)
```
#554fef
```
#554fef rgb(85,79,239)
```
#ef554f
```
#ef554f rgb(239,85,79)
```

Triadic Color

#4fe9ef
```
#4fe9ef rgb(79,233,239)
```
#554fef
```
#554fef rgb(85,79,239)
```
#ef554f
```
#ef554f rgb(239,85,79)
```
#e9ef4f
```
#e9ef4f rgb(233,239,79)
```

Tetradic Color

#1c14dd
```
#1c14dd rgb(28,20,221)
```
#2820eb
```
#2820eb rgb(40,32,235)
```
#3e38ed
```
#3e38ed rgb(62,56,237)
```
#554fef
```
#554fef rgb(85,79,239)
```
#6c66f1
```
#6c66f1 rgb(108,102,241)
```
#827ef3
```
#827ef3 rgb(130,126,243)
```
#9995f5
```
#9995f5 rgb(153,149,245)
```

Monochromatic Color

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

#4f71ef
```
#4f71ef rgb(79,113,239)
```
#4f64ef
```
#4f64ef rgb(79,100,239)
```
#4f56ef
```
#4f56ef rgb(79,86,239)
```
#554fef
```
#554fef rgb(85,79,239)
```
#624fef
```
#624fef rgb(98,79,239)
```
#704fef
```
#704fef rgb(112,79,239)
```
#7d4fef
```
#7d4fef rgb(125,79,239)
```

Similar Colors

Text with hexadecimal color #554fef

This text has a font color of #554fef.

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

#554fef background color

This paragraph has a background color of #554fef.

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

#554fef border color

This element has a border color of #554fef.

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

CSS codes

.text {color:#554fef;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#030216
```
#030216 rgb(3,2,22)
```
#050428
```
#050428 rgb(5,4,40)
```
#07053a
```
#07053a rgb(7,5,58)
```
#09074c
```
#09074c rgb(9,7,76)
```
#0c095e
```
#0c095e rgb(12,9,94)
```
#0e0a70
```
#0e0a70 rgb(14,10,112)
```
#100c82
```
#100c82 rgb(16,12,130)
```
#120d94
```
#120d94 rgb(18,13,148)
```
#150fa6
```
#150fa6 rgb(21,15,166)
```
#1711b8
```
#1711b8 rgb(23,17,184)
```
#1912ca
```
#1912ca rgb(25,18,202)
```
#1b14dc
```
#1b14dc rgb(27,20,220)
```

Shade Color Variation

#2119ea
```
#2119ea rgb(33,25,234)
```
#322bec
```
#322bec rgb(50,43,236)
```
#443ded
```
#443ded rgb(68,61,237)
```
#554fef
```
#554fef rgb(85,79,239)
```
#6661f1
```
#6661f1 rgb(102,97,241)
```
#7873f2
```
#7873f2 rgb(120,115,242)
```
#8985f4
```
#8985f4 rgb(137,133,244)
```
#9a97f6
```
#9a97f6 rgb(154,151,246)
```
#aca9f7
```
#aca9f7 rgb(172,169,247)
```
#bdbbf9
```
#bdbbf9 rgb(189,187,249)
```
#cfcdfa
```
#cfcdfa rgb(207,205,250)
```
#e0dffc
```
#e0dffc rgb(224,223,252)
```
#f1f1fe
```
#f1f1fe rgb(241,241,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9999a5 is the less saturated color, while #4740fe is the most saturated one.

#9999a5
```
#9999a5 rgb(153,153,165)
```
#9291ad
```
#9291ad rgb(146,145,173)
```
#8c8ab4
```
#8c8ab4 rgb(140,138,180)
```
#8583bb
```
#8583bb rgb(133,131,187)
```
#7e7bc3
```
#7e7bc3 rgb(126,123,195)
```
#7774ca
```
#7774ca rgb(119,116,202)
```
#706dd1
```
#706dd1 rgb(112,109,209)
```
#6965d9
```
#6965d9 rgb(105,101,217)
```
#635ee0
```
#635ee0 rgb(99,94,224)
```
#5c56e8
```
#5c56e8 rgb(92,86,232)
```
#554fef
```
#554fef rgb(85,79,239)
```
#4e48f6
```
#4e48f6 rgb(78,72,246)
```
#4740fe
```
#4740fe rgb(71,64,254)
```

Tone Color Variation

Below, you can see how #554fef 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
#605f7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b8 Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#1e61dd Protanomaly 1% of men, 0.01% of women
#1e65cc Deuteranomaly 6% of men, 0.4% of women
#1e6aa9 Tritanomaly 0.01% of the population

#554fef hex color

#554fef Color Information

#554fef Color Conversion

Color Schemes with #554fef

Alternatives to #554fef

#554fef Preview

Shades and Tints of #554fef

Tones of #554fef

Color Blindness Simulator