#552aff hex color

In a RGB color space, hex #552aff is composed of 33.3% red, 16.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 83.5% magenta, 0% yellow and 0% black. It has a hue angle of 252.1 degrees, a saturation of 100% and a lightness of 58.2%. #552aff color hex could be obtained by blending #aa54ff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 16
- B 100
RGB color chart
- C 67
- M 84
- Y 0
- K 0
CMYK color chart

● #552aff color description : Vivid blue.

The hexadecimal color #552aff has RGB values of R:85, G:42, B:255 and CMYK values of C:0.67, M:0.84, Y:0, K:0. Its decimal value is 5581567.

Hex triplet	552aff	`#552aff`
RGB Decimal	85, 42, 255	`rgb(85,42,255)`
RGB Percent	33.3, 16.5, 100	`rgb(33.3%,16.5%,100%)`
CMYK	67, 84, 0, 0
HSL	252.1°, 100, 58.2	`hsl(252.1,100%,58.2%)`
HSV (or HSB)	252.1°, 83.5, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.252, 71.7, -96.18
XYZ	22.621, 10.806, 95.496
xyY	0.175, 0.084, 10.806
CIE-LCH	39.252, 119.965, 306.704
CIE-LUV	39.252, -2.966, -133.661
Hunter-Lab	32.873, 65.304, -149.228
Binary	01010101, 00101010, 11111111

#552aff
```
#552aff rgb(85,42,255)
```
#d4ff2a
```
#d4ff2a rgb(212,255,42)
```

Complementary Color

#2a6aff
```
#2a6aff rgb(42,106,255)
```
#552aff
```
#552aff rgb(85,42,255)
```
#c02aff
```
#c02aff rgb(192,42,255)
```

Analogous Color

#6aff2a
```
#6aff2a rgb(106,255,42)
```
#552aff
```
#552aff rgb(85,42,255)
```
#ffc02a
```
#ffc02a rgb(255,192,42)
```

Split Complementary Color

#2aff55
```
#2aff55 rgb(42,255,85)
```
#552aff
```
#552aff rgb(85,42,255)
```
#ff552a
```
#ff552a rgb(255,85,42)
```

Triadic Color

#2ad4ff
```
#2ad4ff rgb(42,212,255)
```
#552aff
```
#552aff rgb(85,42,255)
```
#ff552a
```
#ff552a rgb(255,85,42)
```
#d4ff2a
```
#d4ff2a rgb(212,255,42)
```

Tetradic Color

#2d00dd
```
#2d00dd rgb(45,0,221)
```
#3200f6
```
#3200f6 rgb(50,0,246)
```
#4111ff
```
#4111ff rgb(65,17,255)
```
#552aff
```
#552aff rgb(85,42,255)
```
#6944ff
```
#6944ff rgb(105,68,255)
```
#7e5dff
```
#7e5dff rgb(126,93,255)
```
#9277ff
```
#9277ff rgb(146,119,255)
```

Monochromatic Color

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

#2a34ff
```
#2a34ff rgb(42,52,255)
```
#312aff
```
#312aff rgb(49,42,255)
```
#432aff
```
#432aff rgb(67,42,255)
```
#552aff
```
#552aff rgb(85,42,255)
```
#672aff
```
#672aff rgb(103,42,255)
```
#792aff
```
#792aff rgb(121,42,255)
```
#8a2aff
```
#8a2aff rgb(138,42,255)
```

Similar Colors

Text with hexadecimal color #552aff

This text has a font color of #552aff.

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

#552aff background color

This paragraph has a background color of #552aff.

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

#552aff border color

This element has a border color of #552aff.

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

CSS codes

.text {color:#552aff;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#050016
```
#050016 rgb(5,0,22)
```
#08002a
```
#08002a rgb(8,0,42)
```
#0c003e
```
#0c003e rgb(12,0,62)
```
#100051
```
#100051 rgb(16,0,81)
```
#140065
```
#140065 rgb(20,0,101)
```
#180078
```
#180078 rgb(24,0,120)
```
#1c008c
```
#1c008c rgb(28,0,140)
```
#2000a0
```
#2000a0 rgb(32,0,160)
```
#2400b3
```
#2400b3 rgb(36,0,179)
```
#2800c7
```
#2800c7 rgb(40,0,199)
```
#2c00db
```
#2c00db rgb(44,0,219)
```
#3000ee
```
#3000ee rgb(48,0,238)
```

Shade Color Variation

#3603ff
```
#3603ff rgb(54,3,255)
```
#4516ff
```
#4516ff rgb(69,22,255)
```
#552aff
```
#552aff rgb(85,42,255)
```
#653eff
```
#653eff rgb(101,62,255)
```
#7451ff
```
#7451ff rgb(116,81,255)
```
#8465ff
```
#8465ff rgb(132,101,255)
```
#9478ff
```
#9478ff rgb(148,120,255)
```
#a38cff
```
#a38cff rgb(163,140,255)
```
#b3a0ff
```
#b3a0ff rgb(179,160,255)
```
#c3b3ff
```
#c3b3ff rgb(195,179,255)
```
#d2c7ff
```
#d2c7ff rgb(210,199,255)
```
#e2dbff
```
#e2dbff rgb(226,219,255)
```
#f2eeff
```
#f2eeff rgb(242,238,255)
```

Tint Color Variation

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

#908c9d
```
#908c9d rgb(144,140,157)
```
#8b84a5
```
#8b84a5 rgb(139,132,165)
```
#867cad
```
#867cad rgb(134,124,173)
```
#8174b5
```
#8174b5 rgb(129,116,181)
```
#7c6cbd
```
#7c6cbd rgb(124,108,189)
```
#7763c6
```
#7763c6 rgb(119,99,198)
```
#725bce
```
#725bce rgb(114,91,206)
```
#6d53d6
```
#6d53d6 rgb(109,83,214)
```
#694bde
```
#694bde rgb(105,75,222)
```
#6443e6
```
#6443e6 rgb(100,67,230)
```
#5f3aef
```
#5f3aef rgb(95,58,239)
```
#5a32f7
```
#5a32f7 rgb(90,50,247)
```
#552aff
```
#552aff rgb(85,42,255)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#504872 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

#1e4dd5 Protanomaly 1% of men, 0.01% of women
#1e51c5 Deuteranomaly 6% of men, 0.4% of women
#1e55a7 Tritanomaly 0.01% of the population

#552aff hex color

#552aff Color Information

#552aff Color Conversion

Color Schemes with #552aff

Alternatives to #552aff

#552aff Preview

Shades and Tints of #552aff

Tones of #552aff

Color Blindness Simulator