#4550ba hex color

In a RGB color space, hex #4550ba is composed of 27.1% red, 31.4% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 57% magenta, 0% yellow and 27.1% black. It has a hue angle of 234.4 degrees, a saturation of 45.9% and a lightness of 50%. #4550ba color hex could be obtained by blending #8aa0ff with #000075. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 27
- G 31
- B 73
RGB color chart
- C 63
- M 57
- Y 0
- K 27
CMYK color chart

● #4550ba color description : Moderate blue.

The hexadecimal color #4550ba has RGB values of R:69, G:80, B:186 and CMYK values of C:0.63, M:0.57, Y:0, K:0.27. Its decimal value is 4542650.

Hex triplet	4550ba	`#4550ba`
RGB Decimal	69, 80, 186	`rgb(69,80,186)`
RGB Percent	27.1, 31.4, 72.9	`rgb(27.1%,31.4%,72.9%)`
CMYK	63, 57, 0, 27
HSL	234.4°, 45.9, 50	`hsl(234.4,45.9%,50%)`
HSV (or HSB)	234.4°, 62.9, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.807, 28.974, -57.445
XYZ	14.184, 10.547, 47.74
xyY	0.196, 0.146, 10.547
CIE-LCH	38.807, 64.339, 296.766
CIE-LUV	38.807, -9.117, -84.54
Hunter-Lab	32.476, 21.127, -64.423
Binary	01000101, 01010000, 10111010

#4550ba
```
#4550ba rgb(69,80,186)
```
#baaf45
```
#baaf45 rgb(186,175,69)
```

Complementary Color

#458bba
```
#458bba rgb(69,139,186)
```
#4550ba
```
#4550ba rgb(69,80,186)
```
#7545ba
```
#7545ba rgb(117,69,186)
```

Analogous Color

#8bba45
```
#8bba45 rgb(139,186,69)
```
#4550ba
```
#4550ba rgb(69,80,186)
```
#ba7545
```
#ba7545 rgb(186,117,69)
```

Split Complementary Color

#50ba45
```
#50ba45 rgb(80,186,69)
```
#4550ba
```
#4550ba rgb(69,80,186)
```
#ba4550
```
#ba4550 rgb(186,69,80)
```

Triadic Color

#45baaf
```
#45baaf rgb(69,186,175)
```
#4550ba
```
#4550ba rgb(69,80,186)
```
#ba4550
```
#ba4550 rgb(186,69,80)
```
#baaf45
```
#baaf45 rgb(186,175,69)
```

Tetradic Color

#303882
```
#303882 rgb(48,56,130)
```
#374095
```
#374095 rgb(55,64,149)
```
#3e48a7
```
#3e48a7 rgb(62,72,167)
```
#4550ba
```
#4550ba rgb(69,80,186)
```
#5862c1
```
#5862c1 rgb(88,98,193)
```
#6a73c8
```
#6a73c8 rgb(106,115,200)
```
#7d85cf
```
#7d85cf rgb(125,133,207)
```

Monochromatic Color

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

#456dba
```
#456dba rgb(69,109,186)
```
#4564ba
```
#4564ba rgb(69,100,186)
```
#455aba
```
#455aba rgb(69,90,186)
```
#4550ba
```
#4550ba rgb(69,80,186)
```
#4546ba
```
#4546ba rgb(69,70,186)
```
#4e45ba
```
#4e45ba rgb(78,69,186)
```
#5745ba
```
#5745ba rgb(87,69,186)
```

Similar Colors

Text with hexadecimal color #4550ba

This text has a font color of #4550ba.

<span style="color:#4550ba;">Text here</span>

#4550ba background color

This paragraph has a background color of #4550ba.

<p style="background-color:#4550ba;">Content here</p>

#4550ba border color

This element has a border color of #4550ba.

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

CSS codes

.text {color:#4550ba;}

.background {background-color:#4550ba;}

.border {border:1px solid #4550ba;}

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

#05060e
```
#05060e rgb(5,6,14)
```
#0b0c1d
```
#0b0c1d rgb(11,12,29)
```
#10122b
```
#10122b rgb(16,18,43)
```
#151939
```
#151939 rgb(21,25,57)
```
#1b1f48
```
#1b1f48 rgb(27,31,72)
```
#202556
```
#202556 rgb(32,37,86)
```
#252b64
```
#252b64 rgb(37,43,100)
```
#2a3172
```
#2a3172 rgb(42,49,114)
```
#303781
```
#303781 rgb(48,55,129)
```
#353e8f
```
#353e8f rgb(53,62,143)
```
#3a449d
```
#3a449d rgb(58,68,157)
```
#404aac
```
#404aac rgb(64,74,172)
```
#4550ba
```
#4550ba rgb(69,80,186)
```

Shade Color Variation

#535dbf
```
#535dbf rgb(83,93,191)
```
#626bc5
```
#626bc5 rgb(98,107,197)
```
#7078ca
```
#7078ca rgb(112,120,202)
```
#7e86cf
```
#7e86cf rgb(126,134,207)
```
#8d93d5
```
#8d93d5 rgb(141,147,213)
```
#9ba1da
```
#9ba1da rgb(155,161,218)
```
#a9aedf
```
#a9aedf rgb(169,174,223)
```
#b7bce4
```
#b7bce4 rgb(183,188,228)
```
#c6c9ea
```
#c6c9ea rgb(198,201,234)
```
#d4d7ef
```
#d4d7ef rgb(212,215,239)
```
#e2e4f4
```
#e2e4f4 rgb(226,228,244)
```
#f1f2fa
```
#f1f2fa rgb(241,242,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#767889
```
#767889 rgb(118,120,137)
```
#6c7093
```
#6c7093 rgb(108,112,147)
```
#62689d
```
#62689d rgb(98,104,157)
```
#5960a6
```
#5960a6 rgb(89,96,166)
```
#4f58b0
```
#4f58b0 rgb(79,88,176)
```
#4550ba
```
#4550ba rgb(69,80,186)
```
#3b48c4
```
#3b48c4 rgb(59,72,196)
```
#3140ce
```
#3140ce rgb(49,64,206)
```
#2838d7
```
#2838d7 rgb(40,56,215)
```
#1e30e1
```
#1e30e1 rgb(30,48,225)
```
#1428eb
```
#1428eb rgb(20,40,235)
```
#0a20f5
```
#0a20f5 rgb(10,32,245)
```
#0018ff
```
#0018ff rgb(0,24,255)
```

Tone Color Variation

Below, you can see how #4550ba 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

#595959 Achromatopsia 0.005% of the population
#55576c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bd Protanopia 1% of men
#0066a6 Deuteranopia 1% of men
#0b6d75 Tritanopia 0.001% of the population

Trichromacy

#195abc Protanomaly 1% of men, 0.01% of women
#195ead Deuteranomaly 6% of men, 0.4% of women
#20628e Tritanomaly 0.01% of the population

#4550ba hex color

#4550ba Color Information

#4550ba Color Conversion

Color Schemes with #4550ba

Alternatives to #4550ba

#4550ba Preview

Shades and Tints of #4550ba

Tones of #4550ba

Color Blindness Simulator