#5452b2 hex color

In a RGB color space, hex #5452b2 is composed of 32.9% red, 32.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 53.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 241.3 degrees, a saturation of 38.4% and a lightness of 51%. #5452b2 color hex could be obtained by blending #a8a4ff with #000065. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 32
- B 70
RGB color chart
- C 53
- M 54
- Y 0
- K 30
CMYK color chart

● #5452b2 color description : Dark moderate blue.

The hexadecimal color #5452b2 has RGB values of R:84, G:82, B:178 and CMYK values of C:0.53, M:0.54, Y:0, K:0.3. Its decimal value is 5526194.

Hex triplet	5452b2	`#5452b2`
RGB Decimal	84, 82, 178	`rgb(84,82,178)`
RGB Percent	32.9, 32.2, 69.8	`rgb(32.9%,32.2%,69.8%)`
CMYK	53, 54, 0, 30
HSL	241.3°, 38.4, 51	`hsl(241.3,38.4%,51%)`
HSV (or HSB)	241.3°, 53.9, 69.8
Web Safe	666699	`#666699`

CIE-LAB	39.804, 27.901, -51.077
XYZ	14.708, 11.133, 43.491
xyY	0.212, 0.161, 11.133
CIE-LCH	39.804, 58.201, 298.645
CIE-LUV	39.804, -4.857, -76.257
Hunter-Lab	33.367, 20.29, -53.924
Binary	01010100, 01010010, 10110010

#5452b2
```
#5452b2 rgb(84,82,178)
```
#b0b252
```
#b0b252 rgb(176,178,82)
```

Complementary Color

#5280b2
```
#5280b2 rgb(82,128,178)
```
#5452b2
```
#5452b2 rgb(84,82,178)
```
#8452b2
```
#8452b2 rgb(132,82,178)
```

Analogous Color

#80b252
```
#80b252 rgb(128,178,82)
```
#5452b2
```
#5452b2 rgb(84,82,178)
```
#b28452
```
#b28452 rgb(178,132,82)
```

Split Complementary Color

#52b254
```
#52b254 rgb(82,178,84)
```
#5452b2
```
#5452b2 rgb(84,82,178)
```
#b25452
```
#b25452 rgb(178,84,82)
```

Triadic Color

#52b0b2
```
#52b0b2 rgb(82,176,178)
```
#5452b2
```
#5452b2 rgb(84,82,178)
```
#b25452
```
#b25452 rgb(178,84,82)
```
#b0b252
```
#b0b252 rgb(176,178,82)
```

Tetradic Color

#3a397f
```
#3a397f rgb(58,57,127)
```
#424091
```
#424091 rgb(66,64,145)
```
#4a48a2
```
#4a48a2 rgb(74,72,162)
```
#5452b2
```
#5452b2 rgb(84,82,178)
```
#6564ba
```
#6564ba rgb(101,100,186)
```
#7775c2
```
#7775c2 rgb(119,117,194)
```
#8887ca
```
#8887ca rgb(136,135,202)
```

Monochromatic Color

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

#5268b2
```
#5268b2 rgb(82,104,178)
```
#5260b2
```
#5260b2 rgb(82,96,178)
```
#5258b2
```
#5258b2 rgb(82,88,178)
```
#5452b2
```
#5452b2 rgb(84,82,178)
```
#5c52b2
```
#5c52b2 rgb(92,82,178)
```
#6452b2
```
#6452b2 rgb(100,82,178)
```
#6c52b2
```
#6c52b2 rgb(108,82,178)
```

Similar Colors

Text with hexadecimal color #5452b2

This text has a font color of #5452b2.

<span style="color:#5452b2;">Text here</span>

#5452b2 background color

This paragraph has a background color of #5452b2.

<p style="background-color:#5452b2;">Content here</p>

#5452b2 border color

This element has a border color of #5452b2.

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

CSS codes

.text {color:#5452b2;}

.background {background-color:#5452b2;}

.border {border:1px solid #5452b2;}

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

#020203
```
#020203 rgb(2,2,3)
```
#080811
```
#080811 rgb(8,8,17)
```
#0e0e1f
```
#0e0e1f rgb(14,14,31)
```
#14142c
```
#14142c rgb(20,20,44)
```
#1a1a3a
```
#1a1a3a rgb(26,26,58)
```
#212047
```
#212047 rgb(33,32,71)
```
#272655
```
#272655 rgb(39,38,85)
```
#2d2c62
```
#2d2c62 rgb(45,44,98)
```
#333270
```
#333270 rgb(51,50,112)
```
#39387e
```
#39387e rgb(57,56,126)
```
#403e8b
```
#403e8b rgb(64,62,139)
```
#464499
```
#464499 rgb(70,68,153)
```
#4c4aa6
```
#4c4aa6 rgb(76,74,166)
```

Shade Color Variation

#5452b2
```
#5452b2 rgb(84,82,178)
```
#6160b8
```
#6160b8 rgb(97,96,184)
```
#6f6dbe
```
#6f6dbe rgb(111,109,190)
```
#7c7bc4
```
#7c7bc4 rgb(124,123,196)
```
#8a88ca
```
#8a88ca rgb(138,136,202)
```
#9796d0
```
#9796d0 rgb(151,150,208)
```
#a5a3d6
```
#a5a3d6 rgb(165,163,214)
```
#b2b1dc
```
#b2b1dc rgb(178,177,220)
```
#bfbfe2
```
#bfbfe2 rgb(191,191,226)
```
#cdcce8
```
#cdcce8 rgb(205,204,232)
```
#dadaee
```
#dadaee rgb(218,218,238)
```
#e8e7f4
```
#e8e7f4 rgb(232,231,244)
```
#f5f5fa
```
#f5f5fa rgb(245,245,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79788c is the less saturated color, while #0a05ff is the most saturated one.

#79788c
```
#79788c rgb(121,120,140)
```
#706f95
```
#706f95 rgb(112,111,149)
```
#66659f
```
#66659f rgb(102,101,159)
```
#5d5ca8
```
#5d5ca8 rgb(93,92,168)
```
#5452b2
```
#5452b2 rgb(84,82,178)
```
#4b48bc
```
#4b48bc rgb(75,72,188)
```
#423fc5
```
#423fc5 rgb(66,63,197)
```
#3835cf
```
#3835cf rgb(56,53,207)
```
#2f2cd8
```
#2f2cd8 rgb(47,44,216)
```
#2622e2
```
#2622e2 rgb(38,34,226)
```
#1d18ec
```
#1d18ec rgb(29,24,236)
```
#130ff5
```
#130ff5 rgb(19,15,245)
```
#0a05ff
```
#0a05ff rgb(10,5,255)
```

Tone Color Variation

Below, you can see how #5452b2 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

#5e5e5e Achromatopsia 0.005% of the population
#5c5c6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2363bd Protanopia 1% of men
#0067ac Deuteranopia 1% of men
#406c74 Tritanopia 0.001% of the population

Trichromacy

#355cb9 Protanomaly 1% of men, 0.01% of women
#1e5fae Deuteranomaly 6% of men, 0.4% of women
#47628a Tritanomaly 0.01% of the population

#5452b2 hex color

#5452b2 Color Information

#5452b2 Color Conversion

Color Schemes with #5452b2

Alternatives to #5452b2

#5452b2 Preview

Shades and Tints of #5452b2

Tones of #5452b2

Color Blindness Simulator