#554eff hex color

In a RGB color space, hex #554eff is composed of 33.3% red, 30.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 69.4% magenta, 0% yellow and 0% black. It has a hue angle of 242.4 degrees, a saturation of 100% and a lightness of 65.3%. #554eff color hex could be obtained by blending #aa9cff with #0000ff. 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

● #554eff color description : Light blue.

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

Hex triplet	554eff	`#554eff`
RGB Decimal	85, 78, 255	`rgb(85,78,255)`
RGB Percent	33.3, 30.6, 100	`rgb(33.3%,30.6%,100%)`
CMYK	67, 69, 0, 0
HSL	242.4°, 100, 65.3	`hsl(242.4,100%,65.3%)`
HSV (or HSB)	242.4°, 69.4, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.08, 55.009, -86.554
XYZ	24.517, 14.599, 96.128
xyY	0.181, 0.108, 14.599
CIE-LCH	45.08, 102.555, 302.438
CIE-LUV	45.08, -7.888, -129.696
Hunter-Lab	38.208, 47.673, -122.421
Binary	01010101, 01001110, 11111111

#554eff
```
#554eff rgb(85,78,255)
```
#f8ff4e
```
#f8ff4e rgb(248,255,78)
```

Complementary Color

#4ea0ff
```
#4ea0ff rgb(78,160,255)
```
#554eff
```
#554eff rgb(85,78,255)
```
#ae4eff
```
#ae4eff rgb(174,78,255)
```

Analogous Color

#a0ff4e
```
#a0ff4e rgb(160,255,78)
```
#554eff
```
#554eff rgb(85,78,255)
```
#ffae4e
```
#ffae4e rgb(255,174,78)
```

Split Complementary Color

#4eff55
```
#4eff55 rgb(78,255,85)
```
#554eff
```
#554eff rgb(85,78,255)
```
#ff554e
```
#ff554e rgb(255,85,78)
```

Triadic Color

#4ef8ff
```
#4ef8ff rgb(78,248,255)
```
#554eff
```
#554eff rgb(85,78,255)
```
#ff554e
```
#ff554e rgb(255,85,78)
```
#f8ff4e
```
#f8ff4e rgb(248,255,78)
```

Tetradic Color

#0c01ff
```
#0c01ff rgb(12,1,255)
```
#241bff
```
#241bff rgb(36,27,255)
```
#3d35ff
```
#3d35ff rgb(61,53,255)
```
#554eff
```
#554eff rgb(85,78,255)
```
#6d68ff
```
#6d68ff rgb(109,104,255)
```
#8681ff
```
#8681ff rgb(134,129,255)
```
#9e9bff
```
#9e9bff rgb(158,155,255)
```

Monochromatic Color

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

#4e73ff
```
#4e73ff rgb(78,115,255)
```
#4e65ff
```
#4e65ff rgb(78,101,255)
```
#4e56ff
```
#4e56ff rgb(78,86,255)
```
#554eff
```
#554eff rgb(85,78,255)
```
#644eff
```
#644eff rgb(100,78,255)
```
#734eff
```
#734eff rgb(115,78,255)
```
#814eff
```
#814eff rgb(129,78,255)
```

Similar Colors

Text with hexadecimal color #554eff

This text has a font color of #554eff.

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

#554eff background color

This paragraph has a background color of #554eff.

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

#554eff border color

This element has a border color of #554eff.

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

CSS codes

.text {color:#554eff;}

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

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

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

#010013
```
#010013 rgb(1,0,19)
```
#020027
```
#020027 rgb(2,0,39)
```
#02003a
```
#02003a rgb(2,0,58)
```
#03004e
```
#03004e rgb(3,0,78)
```
#040062
```
#040062 rgb(4,0,98)
```
#050075
```
#050075 rgb(5,0,117)
```
#050089
```
#050089 rgb(5,0,137)
```
#06009c
```
#06009c rgb(6,0,156)
```
#0700b0
```
#0700b0 rgb(7,0,176)
```
#0800c4
```
#0800c4 rgb(8,0,196)
```
#0900d7
```
#0900d7 rgb(9,0,215)
```
#0900eb
```
#0900eb rgb(9,0,235)
```
#0a00ff
```
#0a00ff rgb(10,0,255)
```

Shade Color Variation

#1c13ff
```
#1c13ff rgb(28,19,255)
```
#2f27ff
```
#2f27ff rgb(47,39,255)
```
#423aff
```
#423aff rgb(66,58,255)
```
#554eff
```
#554eff rgb(85,78,255)
```
#6862ff
```
#6862ff rgb(104,98,255)
```
#7b75ff
```
#7b75ff rgb(123,117,255)
```
#8e89ff
```
#8e89ff rgb(142,137,255)
```
#a09cff
```
#a09cff rgb(160,156,255)
```
#b3b0ff
```
#b3b0ff rgb(179,176,255)
```
#c6c4ff
```
#c6c4ff rgb(198,196,255)
```
#d9d7ff
```
#d9d7ff rgb(217,215,255)
```
#ecebff
```
#ecebff rgb(236,235,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a0a0ad
```
#a0a0ad rgb(160,160,173)
```
#9a99b4
```
#9a99b4 rgb(154,153,180)
```
#9492bb
```
#9492bb rgb(148,146,187)
```
#8d8bc2
```
#8d8bc2 rgb(141,139,194)
```
#8784c9
```
#8784c9 rgb(135,132,201)
```
#817ecf
```
#817ecf rgb(129,126,207)
```
#7b77d6
```
#7b77d6 rgb(123,119,214)
```
#7470dd
```
#7470dd rgb(116,112,221)
```
#6e69e4
```
#6e69e4 rgb(110,105,228)
```
#6862eb
```
#6862eb rgb(104,98,235)
```
#625cf1
```
#625cf1 rgb(98,92,241)
```
#5b55f8
```
#5b55f8 rgb(91,85,248)
```
#554eff
```
#554eff rgb(85,78,255)
```

Tone Color Variation

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

#006fd8 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

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

#554eff hex color

#554eff Color Information

#554eff Color Conversion

Color Schemes with #554eff

Alternatives to #554eff

#554eff Preview

Shades and Tints of #554eff

Tones of #554eff

Color Blindness Simulator