#554bce hex color

In a RGB color space, hex #554bce is composed of 33.3% red, 29.4% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 63.6% magenta, 0% yellow and 19.2% black. It has a hue angle of 244.6 degrees, a saturation of 57.2% and a lightness of 55.1%. #554bce color hex could be obtained by blending #aa96ff with #00009d. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 29
- B 81
RGB color chart
- C 59
- M 64
- Y 0
- K 19
CMYK color chart

● #554bce color description : Moderate blue.

The hexadecimal color #554bce has RGB values of R:85, G:75, B:206 and CMYK values of C:0.59, M:0.64, Y:0, K:0.19. Its decimal value is 5589966.

Hex triplet	554bce	`#554bce`
RGB Decimal	85, 75, 206	`rgb(85,75,206)`
RGB Percent	33.3, 29.4, 80.8	`rgb(33.3%,29.4%,80.8%)`
CMYK	59, 64, 0, 19
HSL	244.6°, 57.2, 55.1	`hsl(244.6,57.2%,55.1%)`
HSV (or HSB)	244.6°, 63.6, 80.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.277, 41.335, -66.643
XYZ	17.401, 11.419, 59.676
xyY	0.197, 0.129, 11.419
CIE-LCH	40.277, 78.421, 301.809
CIE-LUV	40.277, -4.479, -98.883
Hunter-Lab	33.792, 32.781, -81.051
Binary	01010101, 01001011, 11001110

#554bce
```
#554bce rgb(85,75,206)
```
#c4ce4b
```
#c4ce4b rgb(196,206,75)
```

Complementary Color

#4b83ce
```
#4b83ce rgb(75,131,206)
```
#554bce
```
#554bce rgb(85,75,206)
```
#974bce
```
#974bce rgb(151,75,206)
```

Analogous Color

#83ce4b
```
#83ce4b rgb(131,206,75)
```
#554bce
```
#554bce rgb(85,75,206)
```
#ce974b
```
#ce974b rgb(206,151,75)
```

Split Complementary Color

#4bce55
```
#4bce55 rgb(75,206,85)
```
#554bce
```
#554bce rgb(85,75,206)
```
#ce554b
```
#ce554b rgb(206,85,75)
```

Triadic Color

#4bc4ce
```
#4bc4ce rgb(75,196,206)
```
#554bce
```
#554bce rgb(85,75,206)
```
#ce554b
```
#ce554b rgb(206,85,75)
```
#c4ce4b
```
#c4ce4b rgb(196,206,75)
```

Tetradic Color

#352ca1
```
#352ca1 rgb(53,44,161)
```
#3b31b5
```
#3b31b5 rgb(59,49,181)
```
#4237c9
```
#4237c9 rgb(66,55,201)
```
#554bce
```
#554bce rgb(85,75,206)
```
#685fd3
```
#685fd3 rgb(104,95,211)
```
#7b73d9
```
#7b73d9 rgb(123,115,217)
```
#8e87de
```
#8e87de rgb(142,135,222)
```

Monochromatic Color

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

#4b62ce
```
#4b62ce rgb(75,98,206)
```
#4b57ce
```
#4b57ce rgb(75,87,206)
```
#4b4cce
```
#4b4cce rgb(75,76,206)
```
#554bce
```
#554bce rgb(85,75,206)
```
#604bce
```
#604bce rgb(96,75,206)
```
#6b4bce
```
#6b4bce rgb(107,75,206)
```
#764bce
```
#764bce rgb(118,75,206)
```

Similar Colors

Text with hexadecimal color #554bce

This text has a font color of #554bce.

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

#554bce background color

This paragraph has a background color of #554bce.

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

#554bce border color

This element has a border color of #554bce.

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

CSS codes

.text {color:#554bce;}

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

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

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

#020105
```
#020105 rgb(2,1,5)
```
#070614
```
#070614 rgb(7,6,20)
```
#0c0a24
```
#0c0a24 rgb(12,10,36)
```
#110e33
```
#110e33 rgb(17,14,51)
```
#161243
```
#161243 rgb(22,18,67)
```
#1b1652
```
#1b1652 rgb(27,22,82)
```
#201b62
```
#201b62 rgb(32,27,98)
```
#251f71
```
#251f71 rgb(37,31,113)
```
#2a2380
```
#2a2380 rgb(42,35,128)
```
#2f2790
```
#2f2790 rgb(47,39,144)
```
#342b9f
```
#342b9f rgb(52,43,159)
```
#3930af
```
#3930af rgb(57,48,175)
```
#3e34be
```
#3e34be rgb(62,52,190)
```

Shade Color Variation

#463cca
```
#463cca rgb(70,60,202)
```
#554bce
```
#554bce rgb(85,75,206)
```
#645ad2
```
#645ad2 rgb(100,90,210)
```
#726ad6
```
#726ad6 rgb(114,106,214)
```
#8179db
```
#8179db rgb(129,121,219)
```
#8f89df
```
#8f89df rgb(143,137,223)
```
#9e98e3
```
#9e98e3 rgb(158,152,227)
```
#aca8e7
```
#aca8e7 rgb(172,168,231)
```
#bbb7eb
```
#bbb7eb rgb(187,183,235)
```
#c9c6f0
```
#c9c6f0 rgb(201,198,240)
```
#d8d6f4
```
#d8d6f4 rgb(216,214,244)
```
#e7e5f8
```
#e7e5f8 rgb(231,229,248)
```
#f5f5fc
```
#f5f5fc rgb(245,245,252)
```

Tint Color Variation

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

#898990
```
#898990 rgb(137,137,144)
```
#828099
```
#828099 rgb(130,128,153)
```
#7a77a2
```
#7a77a2 rgb(122,119,162)
```
#736eab
```
#736eab rgb(115,110,171)
```
#6b65b4
```
#6b65b4 rgb(107,101,180)
```
#645dbc
```
#645dbc rgb(100,93,188)
```
#5c54c5
```
#5c54c5 rgb(92,84,197)
```
#554bce
```
#554bce rgb(85,75,206)
```
#4e42d7
```
#4e42d7 rgb(78,66,215)
```
#4639e0
```
#4639e0 rgb(70,57,224)
```
#3f31e8
```
#3f31e8 rgb(63,49,232)
```
#3728f1
```
#3728f1 rgb(55,40,241)
```
#301ffa
```
#301ffa rgb(48,31,250)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5b5974 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#0069ab Deuteranopia 1% of men
#277078 Tritanopia 0.001% of the population

Trichromacy

#1e5bc7 Protanomaly 1% of men, 0.01% of women
#1e5eb7 Deuteranomaly 6% of men, 0.4% of women
#386297 Tritanomaly 0.01% of the population

#554bce hex color

#554bce Color Information

#554bce Color Conversion

Color Schemes with #554bce

Alternatives to #554bce

#554bce Preview

Shades and Tints of #554bce

Tones of #554bce

Color Blindness Simulator