#554efe hex color

In a RGB color space, hex #554efe is composed of 33.3% red, 30.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 69.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 242.4 degrees, a saturation of 98.9% and a lightness of 65.1%. #554efe color hex could be obtained by blending #aa9cff with #0000fd. Closest websafe color is: #6666ff.

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

● #554efe color description : Soft blue.

The hexadecimal color #554efe has RGB values of R:85, G:78, B:254 and CMYK values of C:0.67, M:0.69, Y:0, K:0. Its decimal value is 5590782.

Hex triplet	554efe	`#554efe`
RGB Decimal	85, 78, 254	`rgb(85,78,254)`
RGB Percent	33.3, 30.6, 99.6	`rgb(33.3%,30.6%,99.6%)`
CMYK	67, 69, 0, 0
HSL	242.4°, 98.9, 65.1	`hsl(242.4,98.9%,65.1%)`
HSV (or HSB)	242.4°, 69.3, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	44.99, 54.699, -86.144
XYZ	24.357, 14.535, 95.282
xyY	0.182, 0.108, 14.535
CIE-LCH	44.99, 102.043, 302.414
CIE-LUV	44.99, -7.836, -129.076
Hunter-Lab	38.124, 47.321, -121.494
Binary	01010101, 01001110, 11111110

#554efe
```
#554efe rgb(85,78,254)
```
#f7fe4e
```
#f7fe4e rgb(247,254,78)
```

Complementary Color

#4e9ffe
```
#4e9ffe rgb(78,159,254)
```
#554efe
```
#554efe rgb(85,78,254)
```
#ad4efe
```
#ad4efe rgb(173,78,254)
```

Analogous Color

#9ffe4e
```
#9ffe4e rgb(159,254,78)
```
#554efe
```
#554efe rgb(85,78,254)
```
#fead4e
```
#fead4e rgb(254,173,78)
```

Split Complementary Color

#4efe55
```
#4efe55 rgb(78,254,85)
```
#554efe
```
#554efe rgb(85,78,254)
```
#fe554e
```
#fe554e rgb(254,85,78)
```

Triadic Color

#4ef7fe
```
#4ef7fe rgb(78,247,254)
```
#554efe
```
#554efe rgb(85,78,254)
```
#fe554e
```
#fe554e rgb(254,85,78)
```
#f7fe4e
```
#f7fe4e rgb(247,254,78)
```

Tetradic Color

#0c02fe
```
#0c02fe rgb(12,2,254)
```
#241bfe
```
#241bfe rgb(36,27,254)
```
#3d35fe
```
#3d35fe rgb(61,53,254)
```
#554efe
```
#554efe rgb(85,78,254)
```
#6d67fe
```
#6d67fe rgb(109,103,254)
```
#8681fe
```
#8681fe rgb(134,129,254)
```
#9e9afe
```
#9e9afe rgb(158,154,254)
```

Monochromatic Color

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

#4e73fe
```
#4e73fe rgb(78,115,254)
```
#4e64fe
```
#4e64fe rgb(78,100,254)
```
#4e56fe
```
#4e56fe rgb(78,86,254)
```
#554efe
```
#554efe rgb(85,78,254)
```
#644efe
```
#644efe rgb(100,78,254)
```
#724efe
```
#724efe rgb(114,78,254)
```
#814efe
```
#814efe rgb(129,78,254)
```

Similar Colors

Text with hexadecimal color #554efe

This text has a font color of #554efe.

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

#554efe background color

This paragraph has a background color of #554efe.

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

#554efe border color

This element has a border color of #554efe.

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

CSS codes

.text {color:#554efe;}

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

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

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

#010012
```
#010012 rgb(1,0,18)
```
#020026
```
#020026 rgb(2,0,38)
```
#030039
```
#030039 rgb(3,0,57)
```
#03004d
```
#03004d rgb(3,0,77)
```
#040160
```
#040160 rgb(4,1,96)
```
#050174
```
#050174 rgb(5,1,116)
```
#060187
```
#060187 rgb(6,1,135)
```
#07019b
```
#07019b rgb(7,1,155)
```
#0801ae
```
#0801ae rgb(8,1,174)
```
#0901c2
```
#0901c2 rgb(9,1,194)
```
#0a01d5
```
#0a01d5 rgb(10,1,213)
```
#0b01e9
```
#0b01e9 rgb(11,1,233)
```
#0b01fc
```
#0b01fc rgb(11,1,252)
```

Shade Color Variation

#1d13fe
```
#1d13fe rgb(29,19,254)
```
#3027fe
```
#3027fe rgb(48,39,254)
```
#423afe
```
#423afe rgb(66,58,254)
```
#554efe
```
#554efe rgb(85,78,254)
```
#6862fe
```
#6862fe rgb(104,98,254)
```
#7a75fe
```
#7a75fe rgb(122,117,254)
```
#8d89fe
```
#8d89fe rgb(141,137,254)
```
#a09cfe
```
#a09cfe rgb(160,156,254)
```
#b3b0ff
```
#b3b0ff rgb(179,176,255)
```
#c5c3ff
```
#c5c3ff rgb(197,195,255)
```
#d8d7ff
```
#d8d7ff rgb(216,215,255)
```
#ebeaff
```
#ebeaff rgb(235,234,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a1a0ac
```
#a1a0ac rgb(161,160,172)
```
#9a99b3
```
#9a99b3 rgb(154,153,179)
```
#9492ba
```
#9492ba rgb(148,146,186)
```
#8e8cc0
```
#8e8cc0 rgb(142,140,192)
```
#8785c7
```
#8785c7 rgb(135,133,199)
```
#817ece
```
#817ece rgb(129,126,206)
```
#7b77d5
```
#7b77d5 rgb(123,119,213)
```
#7570dc
```
#7570dc rgb(117,112,220)
```
#6e69e3
```
#6e69e3 rgb(110,105,227)
```
#6863e9
```
#6863e9 rgb(104,99,233)
```
#625cf0
```
#625cf0 rgb(98,92,240)
```
#5b55f7
```
#5b55f7 rgb(91,85,247)
```
#554efe
```
#554efe rgb(85,78,254)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#616083 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0075bb Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#1e62e5 Protanomaly 1% of men, 0.01% of women
#1e66d3 Deuteranomaly 6% of men, 0.4% of women
#1e6cb1 Tritanomaly 0.01% of the population

#554efe hex color

#554efe Color Information

#554efe Color Conversion

Color Schemes with #554efe

Alternatives to #554efe

#554efe Preview

Shades and Tints of #554efe

Tones of #554efe

Color Blindness Simulator