#552ef3 hex color

In a RGB color space, hex #552ef3 is composed of 33.3% red, 18% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 81.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 251.9 degrees, a saturation of 89.1% and a lightness of 56.7%. #552ef3 color hex could be obtained by blending #aa5cff with #0000e7. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 18
- B 95
RGB color chart
- C 65
- M 81
- Y 0
- K 5
CMYK color chart

● #552ef3 color description : Bright blue.

The hexadecimal color #552ef3 has RGB values of R:85, G:46, B:243 and CMYK values of C:0.65, M:0.81, Y:0, K:0.05. Its decimal value is 5582579.

Hex triplet	552ef3	`#552ef3`
RGB Decimal	85, 46, 243	`rgb(85,46,243)`
RGB Percent	33.3, 18, 95.3	`rgb(33.3%,18%,95.3%)`
CMYK	65, 81, 0, 5
HSL	251.9°, 89.1, 56.7	`hsl(251.9,89.1%,56.7%)`
HSV (or HSB)	251.9°, 81.1, 95.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.473, 66.983, -90.73
XYZ	20.898, 10.355, 85.687
xyY	0.179, 0.089, 10.355
CIE-LCH	38.473, 112.778, 306.437
CIE-LUV	38.473, -2.459, -126.658
Hunter-Lab	32.18, 59.605, -135.348
Binary	01010101, 00101110, 11110011

#552ef3
```
#552ef3 rgb(85,46,243)
```
#ccf32e
```
#ccf32e rgb(204,243,46)
```

Complementary Color

#2e6af3
```
#2e6af3 rgb(46,106,243)
```
#552ef3
```
#552ef3 rgb(85,46,243)
```
#b82ef3
```
#b82ef3 rgb(184,46,243)
```

Analogous Color

#6af32e
```
#6af32e rgb(106,243,46)
```
#552ef3
```
#552ef3 rgb(85,46,243)
```
#f3b82e
```
#f3b82e rgb(243,184,46)
```

Split Complementary Color

#2ef355
```
#2ef355 rgb(46,243,85)
```
#552ef3
```
#552ef3 rgb(85,46,243)
```
#f3552e
```
#f3552e rgb(243,85,46)
```

Triadic Color

#2eccf3
```
#2eccf3 rgb(46,204,243)
```
#552ef3
```
#552ef3 rgb(85,46,243)
```
#f3552e
```
#f3552e rgb(243,85,46)
```
#ccf32e
```
#ccf32e rgb(204,243,46)
```

Tetradic Color

#310cc9
```
#310cc9 rgb(49,12,201)
```
#370de1
```
#370de1 rgb(55,13,225)
```
#4116f2
```
#4116f2 rgb(65,22,242)
```
#552ef3
```
#552ef3 rgb(85,46,243)
```
#6946f4
```
#6946f4 rgb(105,70,244)
```
#7c5ef6
```
#7c5ef6 rgb(124,94,246)
```
#9076f7
```
#9076f7 rgb(144,118,247)
```

Monochromatic Color

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

#2e38f3
```
#2e38f3 rgb(46,56,243)
```
#342ef3
```
#342ef3 rgb(52,46,243)
```
#452ef3
```
#452ef3 rgb(69,46,243)
```
#552ef3
```
#552ef3 rgb(85,46,243)
```
#652ef3
```
#652ef3 rgb(101,46,243)
```
#762ef3
```
#762ef3 rgb(118,46,243)
```
#862ef3
```
#862ef3 rgb(134,46,243)
```

Similar Colors

Text with hexadecimal color #552ef3

This text has a font color of #552ef3.

<span style="color:#552ef3;">Text here</span>

#552ef3 background color

This paragraph has a background color of #552ef3.

<p style="background-color:#552ef3;">Content here</p>

#552ef3 border color

This element has a border color of #552ef3.

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

CSS codes

.text {color:#552ef3;}

.background {background-color:#552ef3;}

.border {border:1px solid #552ef3;}

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

#03010e
```
#03010e rgb(3,1,14)
```
#080220
```
#080220 rgb(8,2,32)
```
#0c0333
```
#0c0333 rgb(12,3,51)
```
#110445
```
#110445 rgb(17,4,69)
```
#150558
```
#150558 rgb(21,5,88)
```
#1a066a
```
#1a066a rgb(26,6,106)
```
#1e077d
```
#1e077d rgb(30,7,125)
```
#23088f
```
#23088f rgb(35,8,143)
```
#2809a2
```
#2809a2 rgb(40,9,162)
```
#2c0ab5
```
#2c0ab5 rgb(44,10,181)
```
#310bc7
```
#310bc7 rgb(49,11,199)
```
#350cda
```
#350cda rgb(53,12,218)
```
#3a0eec
```
#3a0eec rgb(58,14,236)
```

Shade Color Variation

#461bf2
```
#461bf2 rgb(70,27,242)
```
#552ef3
```
#552ef3 rgb(85,46,243)
```
#6441f4
```
#6441f4 rgb(100,65,244)
```
#7353f5
```
#7353f5 rgb(115,83,245)
```
#8266f6
```
#8266f6 rgb(130,102,246)
```
#9178f7
```
#9178f7 rgb(145,120,247)
```
#a08bf8
```
#a08bf8 rgb(160,139,248)
```
#b09df9
```
#b09df9 rgb(176,157,249)
```
#bfb0fa
```
#bfb0fa rgb(191,176,250)
```
#cec2fc
```
#cec2fc rgb(206,194,252)
```
#ddd5fd
```
#ddd5fd rgb(221,213,253)
```
#ece8fe
```
#ece8fe rgb(236,232,254)
```
#fbfaff
```
#fbfaff rgb(251,250,255)
```

Tint Color Variation

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

#8d8c96
```
#8d8c96 rgb(141,140,150)
```
#88839e
```
#88839e rgb(136,131,158)
```
#837ba7
```
#837ba7 rgb(131,123,167)
```
#7e72af
```
#7e72af rgb(126,114,175)
```
#796ab8
```
#796ab8 rgb(121,106,184)
```
#7461c0
```
#7461c0 rgb(116,97,192)
```
#6f59c9
```
#6f59c9 rgb(111,89,201)
```
#6a50d1
```
#6a50d1 rgb(106,80,209)
```
#6448da
```
#6448da rgb(100,72,218)
```
#5f3fe2
```
#5f3fe2 rgb(95,63,226)
```
#5a37eb
```
#5a37eb rgb(90,55,235)
```
#552ef3
```
#552ef3 rgb(85,46,243)
```
#5026fc
```
#5026fc rgb(80,38,252)
```

Tone Color Variation

Below, you can see how #552ef3 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

#505050 Achromatopsia 0.005% of the population
#514971 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#1e4ecf Protanomaly 1% of men, 0.01% of women
#1e51bf Deuteranomaly 6% of men, 0.4% of women
#1e56a1 Tritanomaly 0.01% of the population

#552ef3 hex color

#552ef3 Color Information

#552ef3 Color Conversion

Color Schemes with #552ef3

Alternatives to #552ef3

#552ef3 Preview

Shades and Tints of #552ef3

Tones of #552ef3

Color Blindness Simulator