#5270f6 hex color

In a RGB color space, hex #5270f6 is composed of 32.2% red, 43.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 54.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 229 degrees, a saturation of 90.1% and a lightness of 64.3%. #5270f6 color hex could be obtained by blending #a4e0ff with #0000ed. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 32
- G 44
- B 96
RGB color chart
- C 67
- M 54
- Y 0
- K 4
CMYK color chart

● #5270f6 color description : Soft blue.

The hexadecimal color #5270f6 has RGB values of R:82, G:112, B:246 and CMYK values of C:0.67, M:0.54, Y:0, K:0.04. Its decimal value is 5402870.

Hex triplet	5270f6	`#5270f6`
RGB Decimal	82, 112, 246	`rgb(82,112,246)`
RGB Percent	32.2, 43.9, 96.5	`rgb(32.2%,43.9%,96.5%)`
CMYK	67, 54, 0, 4
HSL	229°, 90.1, 64.3	`hsl(229,90.1%,64.3%)`
HSV (or HSB)	229°, 66.7, 96.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.876, 31.609, -70.45
XYZ	25.905, 20.034, 89.686
xyY	0.191, 0.148, 20.034
CIE-LCH	51.876, 77.217, 294.165
CIE-LUV	51.876, -16.07, -111.637
Hunter-Lab	44.76, 24.978, -87.468
Binary	01010010, 01110000, 11110110

#5270f6
```
#5270f6 rgb(82,112,246)
```
#f6d852
```
#f6d852 rgb(246,216,82)
```

Complementary Color

#52c2f6
```
#52c2f6 rgb(82,194,246)
```
#5270f6
```
#5270f6 rgb(82,112,246)
```
#8652f6
```
#8652f6 rgb(134,82,246)
```

Analogous Color

#c2f652
```
#c2f652 rgb(194,246,82)
```
#5270f6
```
#5270f6 rgb(82,112,246)
```
#f68652
```
#f68652 rgb(246,134,82)
```

Split Complementary Color

#70f652
```
#70f652 rgb(112,246,82)
```
#5270f6
```
#5270f6 rgb(82,112,246)
```
#f65270
```
#f65270 rgb(246,82,112)
```

Triadic Color

#52f6d8
```
#52f6d8 rgb(82,246,216)
```
#5270f6
```
#5270f6 rgb(82,112,246)
```
#f65270
```
#f65270 rgb(246,82,112)
```
#f6d852
```
#f6d852 rgb(246,216,82)
```

Tetradic Color

#0c36ef
```
#0c36ef rgb(12,54,239)
```
#2248f3
```
#2248f3 rgb(34,72,243)
```
#3a5cf5
```
#3a5cf5 rgb(58,92,245)
```
#5270f6
```
#5270f6 rgb(82,112,246)
```
#6a84f7
```
#6a84f7 rgb(106,132,247)
```
#8298f9
```
#8298f9 rgb(130,152,249)
```
#9bacfa
```
#9bacfa rgb(155,172,250)
```

Monochromatic Color

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

#5299f6
```
#5299f6 rgb(82,153,246)
```
#528bf6
```
#528bf6 rgb(82,139,246)
```
#527ef6
```
#527ef6 rgb(82,126,246)
```
#5270f6
```
#5270f6 rgb(82,112,246)
```
#5262f6
```
#5262f6 rgb(82,98,246)
```
#5255f6
```
#5255f6 rgb(82,85,246)
```
#5d52f6
```
#5d52f6 rgb(93,82,246)
```

Similar Colors

Text with hexadecimal color #5270f6

This text has a font color of #5270f6.

<span style="color:#5270f6;">Text here</span>

#5270f6 background color

This paragraph has a background color of #5270f6.

<p style="background-color:#5270f6;">Content here</p>

#5270f6 border color

This element has a border color of #5270f6.

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

CSS codes

.text {color:#5270f6;}

.background {background-color:#5270f6;}

.border {border:1px solid #5270f6;}

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, #01030d is the darkest color, while #fafbff is the lightest one.

#01030d
```
#01030d rgb(1,3,13)
```
#020720
```
#020720 rgb(2,7,32)
```
#030b33
```
#030b33 rgb(3,11,51)
```
#041045
```
#041045 rgb(4,16,69)
```
#051458
```
#051458 rgb(5,20,88)
```
#06186b
```
#06186b rgb(6,24,107)
```
#071c7d
```
#071c7d rgb(7,28,125)
```
#072090
```
#072090 rgb(7,32,144)
```
#0825a3
```
#0825a3 rgb(8,37,163)
```
#0929b5
```
#0929b5 rgb(9,41,181)
```
#0a2dc8
```
#0a2dc8 rgb(10,45,200)
```
#0b31db
```
#0b31db rgb(11,49,219)
```
#0c35ed
```
#0c35ed rgb(12,53,237)
```

Shade Color Variation

#1a42f3
```
#1a42f3 rgb(26,66,243)
```
#2d51f4
```
#2d51f4 rgb(45,81,244)
```
#3f61f5
```
#3f61f5 rgb(63,97,245)
```
#5270f6
```
#5270f6 rgb(82,112,246)
```
#657ff7
```
#657ff7 rgb(101,127,247)
```
#778ff8
```
#778ff8 rgb(119,143,248)
```
#8a9ef9
```
#8a9ef9 rgb(138,158,249)
```
#9daefa
```
#9daefa rgb(157,174,250)
```
#afbdfb
```
#afbdfb rgb(175,189,251)
```
#c2ccfc
```
#c2ccfc rgb(194,204,252)
```
#d5dcfd
```
#d5dcfd rgb(213,220,253)
```
#e7ebfe
```
#e7ebfe rgb(231,235,254)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#9fa1a9
```
#9fa1a9 rgb(159,161,169)
```
#989cb0
```
#989cb0 rgb(152,156,176)
```
#9198b7
```
#9198b7 rgb(145,152,183)
```
#8a94be
```
#8a94be rgb(138,148,190)
```
#838fc5
```
#838fc5 rgb(131,143,197)
```
#7c8bcc
```
#7c8bcc rgb(124,139,204)
```
#7586d3
```
#7586d3 rgb(117,134,211)
```
#6e82da
```
#6e82da rgb(110,130,218)
```
#677de1
```
#677de1 rgb(103,125,225)
```
#6079e8
```
#6079e8 rgb(96,121,232)
```
#5974ef
```
#5974ef rgb(89,116,239)
```
#5270f6
```
#5270f6 rgb(82,112,246)
```
#4b6cfd
```
#4b6cfd rgb(75,108,253)
```

Tone Color Variation

Below, you can see how #5270f6 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

#767676 Achromatopsia 0.005% of the population
#6f7590 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef8 Protanopia 1% of men
#0085da Deuteranopia 1% of men
#008f98 Tritanopia 0.001% of the population

Trichromacy

#1d79f7 Protanomaly 1% of men, 0.01% of women
#1d7de4 Deuteranomaly 6% of men, 0.4% of women
#1d83ba Tritanomaly 0.01% of the population

#5270f6 hex color

#5270f6 Color Information

#5270f6 Color Conversion

Color Schemes with #5270f6

Alternatives to #5270f6

#5270f6 Preview

Shades and Tints of #5270f6

Tones of #5270f6

Color Blindness Simulator