#554bde hex color

In a RGB color space, hex #554bde is composed of 33.3% red, 29.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 66.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 244.1 degrees, a saturation of 69% and a lightness of 58.2%. #554bde color hex could be obtained by blending #aa96ff with #0000bd. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 29
- B 87
RGB color chart
- C 62
- M 66
- Y 0
- K 13
CMYK color chart

● #554bde color description : Soft blue.

The hexadecimal color #554bde has RGB values of R:85, G:75, B:222 and CMYK values of C:0.62, M:0.66, Y:0, K:0.13. Its decimal value is 5589982.

Hex triplet	554bde	`#554bde`
RGB Decimal	85, 75, 222	`rgb(85,75,222)`
RGB Percent	33.3, 29.4, 87.1	`rgb(33.3%,29.4%,87.1%)`
CMYK	62, 66, 0, 13
HSL	244.1°, 69, 58.2	`hsl(244.1,69%,58.2%)`
HSV (or HSB)	244.1°, 66.2, 87.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	41.59, 46.386, -73.683
XYZ	19.445, 12.237, 70.44
xyY	0.19, 0.12, 12.237
CIE-LCH	41.59, 87.068, 302.192
CIE-LUV	41.59, -5.467, -109.499
Hunter-Lab	34.981, 38.006, -94.905
Binary	01010101, 01001011, 11011110

#554bde
```
#554bde rgb(85,75,222)
```
#d4de4b
```
#d4de4b rgb(212,222,75)
```

Complementary Color

#4b8bde
```
#4b8bde rgb(75,139,222)
```
#554bde
```
#554bde rgb(85,75,222)
```
#9f4bde
```
#9f4bde rgb(159,75,222)
```

Analogous Color

#8bde4b
```
#8bde4b rgb(139,222,75)
```
#554bde
```
#554bde rgb(85,75,222)
```
#de9f4b
```
#de9f4b rgb(222,159,75)
```

Split Complementary Color

#4bde55
```
#4bde55 rgb(75,222,85)
```
#554bde
```
#554bde rgb(85,75,222)
```
#de554b
```
#de554b rgb(222,85,75)
```

Triadic Color

#4bd4de
```
#4bd4de rgb(75,212,222)
```
#554bde
```
#554bde rgb(85,75,222)
```
#de554b
```
#de554b rgb(222,85,75)
```
#d4de4b
```
#d4de4b rgb(212,222,75)
```

Tetradic Color

#2d22ba
```
#2d22ba rgb(45,34,186)
```
#3226d0
```
#3226d0 rgb(50,38,208)
```
#4135da
```
#4135da rgb(65,53,218)
```
#554bde
```
#554bde rgb(85,75,222)
```
#6961e2
```
#6961e2 rgb(105,97,226)
```
#7e76e6
```
#7e76e6 rgb(126,118,230)
```
#928cea
```
#928cea rgb(146,140,234)
```

Monochromatic Color

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

#4b66de
```
#4b66de rgb(75,102,222)
```
#4b5ade
```
#4b5ade rgb(75,90,222)
```
#4b4dde
```
#4b4dde rgb(75,77,222)
```
#554bde
```
#554bde rgb(85,75,222)
```
#614bde
```
#614bde rgb(97,75,222)
```
#6e4bde
```
#6e4bde rgb(110,75,222)
```
#7a4bde
```
#7a4bde rgb(122,75,222)
```

Similar Colors

Text with hexadecimal color #554bde

This text has a font color of #554bde.

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

#554bde background color

This paragraph has a background color of #554bde.

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

#554bde border color

This element has a border color of #554bde.

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

CSS codes

.text {color:#554bde;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#050313
```
#050313 rgb(5,3,19)
```
#080723
```
#080723 rgb(8,7,35)
```
#0c0a34
```
#0c0a34 rgb(12,10,52)
```
#100d45
```
#100d45 rgb(16,13,69)
```
#141055
```
#141055 rgb(20,16,85)
```
#181366
```
#181366 rgb(24,19,102)
```
#1c1676
```
#1c1676 rgb(28,22,118)
```
#201987
```
#201987 rgb(32,25,135)
```
#241c98
```
#241c98 rgb(36,28,152)
```
#281fa8
```
#281fa8 rgb(40,31,168)
```
#2c22b9
```
#2c22b9 rgb(44,34,185)
```
#3025c9
```
#3025c9 rgb(48,37,201)
```

Shade Color Variation

#362ad8
```
#362ad8 rgb(54,42,216)
```
#453adb
```
#453adb rgb(69,58,219)
```
#554bde
```
#554bde rgb(85,75,222)
```
#655ce1
```
#655ce1 rgb(101,92,225)
```
#746ce4
```
#746ce4 rgb(116,108,228)
```
#847de7
```
#847de7 rgb(132,125,231)
```
#948dea
```
#948dea rgb(148,141,234)
```
#a39eed
```
#a39eed rgb(163,158,237)
```
#b3aef0
```
#b3aef0 rgb(179,174,240)
```
#c3bff3
```
#c3bff3 rgb(195,191,243)
```
#d2d0f6
```
#d2d0f6 rgb(210,208,246)
```
#e2e0f9
```
#e2e0f9 rgb(226,224,249)
```
#f2f1fc
```
#f2f1fc rgb(242,241,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8d9c is the less saturated color, while #392aff is the most saturated one.

#8e8d9c
```
#8e8d9c rgb(142,141,156)
```
#8784a5
```
#8784a5 rgb(135,132,165)
```
#7f7cad
```
#7f7cad rgb(127,124,173)
```
#7874b5
```
#7874b5 rgb(120,116,181)
```
#716cbd
```
#716cbd rgb(113,108,189)
```
#6a64c5
```
#6a64c5 rgb(106,100,197)
```
#635bce
```
#635bce rgb(99,91,206)
```
#5c53d6
```
#5c53d6 rgb(92,83,214)
```
#554bde
```
#554bde rgb(85,75,222)
```
#4e43e6
```
#4e43e6 rgb(78,67,230)
```
#473bee
```
#473bee rgb(71,59,238)
```
#4032f7
```
#4032f7 rgb(64,50,247)
```
#392aff
```
#392aff rgb(57,42,255)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5d5b78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006caf Deuteranopia 1% of men
#00747c Tritanopia 0.001% of the population

Trichromacy

#1e5cd0 Protanomaly 1% of men, 0.01% of women
#1e60c0 Deuteranomaly 6% of men, 0.4% of women
#1e65a0 Tritanomaly 0.01% of the population

#554bde hex color

#554bde Color Information

#554bde Color Conversion

Color Schemes with #554bde

Alternatives to #554bde

#554bde Preview

Shades and Tints of #554bde

Tones of #554bde

Color Blindness Simulator