colorhexa.com

#6552f0 hex color

In a RGB color space, hex #6552f0 is composed of 39.6% red, 32.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 65.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 247.2 degrees, a saturation of 84% and a lightness of 63.1%. #6552f0 color hex could be obtained by blending #caa4ff with #0000e1. Closest websafe color is: #6666ff.

- R 40
- G 32
- B 94
RGB color chart
- C 58
- M 66
- Y 0
- K 6
CMYK color chart

● #6552f0 color description : Soft blue.

The hexadecimal color #6552f0 has RGB values of R:101, G:82, B:240 and CMYK values of C:0.58, M:0.66, Y:0, K:0.06. Its decimal value is 6640368.

Hex triplet	6552f0	`#6552f0`
RGB Decimal	101, 82, 240	`rgb(101,82,240)`
RGB Percent	39.6, 32.2, 94.1	`rgb(39.6%,32.2%,94.1%)`
CMYK	58, 66, 0, 6
HSL	247.2°, 84, 63.1	`hsl(247.2,84%,63.1%)`
HSV (or HSB)	247.2°, 65.8, 94.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.76, 50.304, -77.003
XYZ	24.109, 15.092, 84.076
xyY	0.196, 0.122, 15.092
CIE-LCH	45.76, 91.978, 303.155
CIE-LUV	45.76, -3.573, -117.875
Hunter-Lab	38.848, 42.794, -101.123
Binary	01100101, 01010010, 11110000

#6552f0
```
#6552f0 rgb(101,82,240)
```
#ddf052
```
#ddf052 rgb(221,240,82)
```

Complementary Color

#528ef0
```
#528ef0 rgb(82,142,240)
```
#6552f0
```
#6552f0 rgb(101,82,240)
```
#b452f0
```
#b452f0 rgb(180,82,240)
```

Analogous Color

#8ef052
```
#8ef052 rgb(142,240,82)
```
#6552f0
```
#6552f0 rgb(101,82,240)
```
#f0b452
```
#f0b452 rgb(240,180,82)
```

Split Complementary Color

#52f065
```
#52f065 rgb(82,240,101)
```
#6552f0
```
#6552f0 rgb(101,82,240)
```
#f06552
```
#f06552 rgb(240,101,82)
```

Triadic Color

#52ddf0
```
#52ddf0 rgb(82,221,240)
```
#6552f0
```
#6552f0 rgb(101,82,240)
```
#f06552
```
#f06552 rgb(240,101,82)
```
#ddf052
```
#ddf052 rgb(221,240,82)
```

Tetradic Color

#2c14e2
```
#2c14e2 rgb(44,20,226)
```
#3b23ec
```
#3b23ec rgb(59,35,236)
```
#503bee
```
#503bee rgb(80,59,238)
```
#6552f0
```
#6552f0 rgb(101,82,240)
```
#7a69f2
```
#7a69f2 rgb(122,105,242)
```
#8f81f4
```
#8f81f4 rgb(143,129,244)
```
#a498f6
```
#a498f6 rgb(164,152,246)
```

Monochromatic Color

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

#5267f0
```
#5267f0 rgb(82,103,240)
```
#5259f0
```
#5259f0 rgb(82,89,240)
```
#5852f0
```
#5852f0 rgb(88,82,240)
```
#6552f0
```
#6552f0 rgb(101,82,240)
```
#7252f0
```
#7252f0 rgb(114,82,240)
```
#7f52f0
```
#7f52f0 rgb(127,82,240)
```
#8d52f0
```
#8d52f0 rgb(141,82,240)
```

Similar Colors

Text with hexadecimal color #6552f0

This text has a font color of #6552f0.

<span style="color:#6552f0;">Text here</span>

#6552f0 background color

This paragraph has a background color of #6552f0.

<p style="background-color:#6552f0;">Content here</p>

#6552f0 border color

This element has a border color of #6552f0.

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

CSS codes

.text {color:#6552f0;}

.background {background-color:#6552f0;}

.border {border:1px solid #6552f0;}

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

#010108
```
#010108 rgb(1,1,8)
```
#05021a
```
#05021a rgb(5,2,26)
```
#09042c
```
#09042c rgb(9,4,44)
```
#0c053e
```
#0c053e rgb(12,5,62)
```
#100750
```
#100750 rgb(16,7,80)
```
#130862
```
#130862 rgb(19,8,98)
```
#170a74
```
#170a74 rgb(23,10,116)
```
#1a0c86
```
#1a0c86 rgb(26,12,134)
```
#1e0d98
```
#1e0d98 rgb(30,13,152)
```
#210faa
```
#210faa rgb(33,15,170)
```
#2510bc
```
#2510bc rgb(37,16,188)
```
#2812ce
```
#2812ce rgb(40,18,206)
```
#2c13e0
```
#2c13e0 rgb(44,19,224)
```

Shade Color Variation

#351ceb
```
#351ceb rgb(53,28,235)
```
#452eed
```
#452eed rgb(69,46,237)
```
#5540ee
```
#5540ee rgb(85,64,238)
```
#6552f0
```
#6552f0 rgb(101,82,240)
```
#7564f2
```
#7564f2 rgb(117,100,242)
```
#8576f3
```
#8576f3 rgb(133,118,243)
```
#9588f5
```
#9588f5 rgb(149,136,245)
```
#a59af6
```
#a59af6 rgb(165,154,246)
```
#b5acf8
```
#b5acf8 rgb(181,172,248)
```
#c5bef9
```
#c5bef9 rgb(197,190,249)
```
#d5d0fb
```
#d5d0fb rgb(213,208,251)
```
#e6e2fd
```
#e6e2fd rgb(230,226,253)
```
#f6f4fe
```
#f6f4fe rgb(246,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9aa8 is the less saturated color, while #5a44fe is the most saturated one.

#9c9aa8
```
#9c9aa8 rgb(156,154,168)
```
#9693af
```
#9693af rgb(150,147,175)
```
#918cb6
```
#918cb6 rgb(145,140,182)
```
#8b85bd
```
#8b85bd rgb(139,133,189)
```
#867dc5
```
#867dc5 rgb(134,125,197)
```
#8076cc
```
#8076cc rgb(128,118,204)
```
#7b6fd3
```
#7b6fd3 rgb(123,111,211)
```
#7568da
```
#7568da rgb(117,104,218)
```
#7060e2
```
#7060e2 rgb(112,96,226)
```
#6a59e9
```
#6a59e9 rgb(106,89,233)
```
#6552f0
```
#6552f0 rgb(101,82,240)
```
#604bf7
```
#604bf7 rgb(96,75,247)
```
#5a44fe
```
#5a44fe rgb(90,68,254)
```

Tone Color Variation

Below, you can see how #6552f0 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

#6a6a6a Achromatopsia 0.005% of the population
#696585 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076c0 Deuteranopia 1% of men
#2c7e87 Tritanopia 0.001% of the population

Trichromacy

#2465e3 Protanomaly 1% of men, 0.01% of women
#2469d1 Deuteranomaly 6% of men, 0.4% of women
#416ead Tritanomaly 0.01% of the population