#552efa hex color

In a RGB color space, hex #552efa is composed of 33.3% red, 18% green and 98% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 81.6% magenta, 0% yellow and 2% black. It has a hue angle of 251.5 degrees, a saturation of 95.3% and a lightness of 58%. #552efa color hex could be obtained by blending #aa5cff with #0000f5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 18
- B 98
RGB color chart
- C 66
- M 82
- Y 0
- K 2
CMYK color chart

● #552efa color description : Bright blue.

The hexadecimal color #552efa has RGB values of R:85, G:46, B:250 and CMYK values of C:0.66, M:0.82, Y:0, K:0.02. Its decimal value is 5582586.

Hex triplet	552efa	`#552efa`
RGB Decimal	85, 46, 250	`rgb(85,46,250)`
RGB Percent	33.3, 18, 98	`rgb(33.3%,18%,98%)`
CMYK	66, 82, 0, 2
HSL	251.5°, 95.3, 58	`hsl(251.5,95.3%,58%)`
HSV (or HSB)	251.5°, 81.6, 98
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.218, 68.87, -93.434
XYZ	21.975, 10.786, 91.361
xyY	0.177, 0.087, 10.786
CIE-LCH	39.218, 116.074, 306.394
CIE-LUV	39.218, -2.985, -130.676
Hunter-Lab	32.843, 61.961, -141.942
Binary	01010101, 00101110, 11111010

#552efa
```
#552efa rgb(85,46,250)
```
#d3fa2e
```
#d3fa2e rgb(211,250,46)
```

Complementary Color

#2e6dfa
```
#2e6dfa rgb(46,109,250)
```
#552efa
```
#552efa rgb(85,46,250)
```
#bb2efa
```
#bb2efa rgb(187,46,250)
```

Analogous Color

#6dfa2e
```
#6dfa2e rgb(109,250,46)
```
#552efa
```
#552efa rgb(85,46,250)
```
#fabb2e
```
#fabb2e rgb(250,187,46)
```

Split Complementary Color

#2efa55
```
#2efa55 rgb(46,250,85)
```
#552efa
```
#552efa rgb(85,46,250)
```
#fa552e
```
#fa552e rgb(250,85,46)
```

Triadic Color

#2ed3fa
```
#2ed3fa rgb(46,211,250)
```
#552efa
```
#552efa rgb(85,46,250)
```
#fa552e
```
#fa552e rgb(250,85,46)
```
#d3fa2e
```
#d3fa2e rgb(211,250,46)
```

Tetradic Color

#2d05d6
```
#2d05d6 rgb(45,5,214)
```
#3206ef
```
#3206ef rgb(50,6,239)
```
#4115f9
```
#4115f9 rgb(65,21,249)
```
#552efa
```
#552efa rgb(85,46,250)
```
#6947fb
```
#6947fb rgb(105,71,251)
```
#7e60fb
```
#7e60fb rgb(126,96,251)
```
#9279fc
```
#9279fc rgb(146,121,252)
```

Monochromatic Color

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

#2e3afa
```
#2e3afa rgb(46,58,250)
```
#332efa
```
#332efa rgb(51,46,250)
```
#442efa
```
#442efa rgb(68,46,250)
```
#552efa
```
#552efa rgb(85,46,250)
```
#662efa
```
#662efa rgb(102,46,250)
```
#772efa
```
#772efa rgb(119,46,250)
```
#882efa
```
#882efa rgb(136,46,250)
```

Similar Colors

Text with hexadecimal color #552efa

This text has a font color of #552efa.

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

#552efa background color

This paragraph has a background color of #552efa.

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

#552efa border color

This element has a border color of #552efa.

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

CSS codes

.text {color:#552efa;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#040015
```
#040015 rgb(4,0,21)
```
#080128
```
#080128 rgb(8,1,40)
```
#0c013b
```
#0c013b rgb(12,1,59)
```
#10024e
```
#10024e rgb(16,2,78)
```
#150262
```
#150262 rgb(21,2,98)
```
#190375
```
#190375 rgb(25,3,117)
```
#1d0388
```
#1d0388 rgb(29,3,136)
```
#21049b
```
#21049b rgb(33,4,155)
```
#2504ae
```
#2504ae rgb(37,4,174)
```
#2905c1
```
#2905c1 rgb(41,5,193)
```
#2d05d4
```
#2d05d4 rgb(45,5,212)
```
#3106e8
```
#3106e8 rgb(49,6,232)
```

Shade Color Variation

#3608f9
```
#3608f9 rgb(54,8,249)
```
#451bfa
```
#451bfa rgb(69,27,250)
```
#552efa
```
#552efa rgb(85,46,250)
```
#6541fa
```
#6541fa rgb(101,65,250)
```
#7454fb
```
#7454fb rgb(116,84,251)
```
#8467fb
```
#8467fb rgb(132,103,251)
```
#937bfc
```
#937bfc rgb(147,123,252)
```
#a38efc
```
#a38efc rgb(163,142,252)
```
#b2a1fd
```
#b2a1fd rgb(178,161,253)
```
#c2b4fd
```
#c2b4fd rgb(194,180,253)
```
#d2c7fe
```
#d2c7fe rgb(210,199,254)
```
#e1dafe
```
#e1dafe rgb(225,218,254)
```
#f1eeff
```
#f1eeff rgb(241,238,255)
```

Tint Color Variation

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

#929197
```
#929197 rgb(146,145,151)
```
#8d899f
```
#8d899f rgb(141,137,159)
```
#8880a8
```
#8880a8 rgb(136,128,168)
```
#8378b0
```
#8378b0 rgb(131,120,176)
```
#7e70b8
```
#7e70b8 rgb(126,112,184)
```
#7968c0
```
#7968c0 rgb(121,104,192)
```
#745fc9
```
#745fc9 rgb(116,95,201)
```
#6e57d1
```
#6e57d1 rgb(110,87,209)
```
#694fd9
```
#694fd9 rgb(105,79,217)
```
#6447e1
```
#6447e1 rgb(100,71,225)
```
#5f3eea
```
#5f3eea rgb(95,62,234)
```
#5a36f2
```
#5a36f2 rgb(90,54,242)
```
#552efa
```
#552efa rgb(85,46,250)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#524a73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062be Protanopia 1% of men
#0067a4 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#1e4fd3 Protanomaly 1% of men, 0.01% of women
#1e52c3 Deuteranomaly 6% of men, 0.4% of women
#1e57a5 Tritanomaly 0.01% of the population

#552efa hex color

#552efa Color Information

#552efa Color Conversion

Color Schemes with #552efa

Alternatives to #552efa

#552efa Preview

Shades and Tints of #552efa

Tones of #552efa

Color Blindness Simulator