#5275f0 hex color

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

♥
- f
- t
- g
- R 32
- G 46
- B 94
RGB color chart
- C 66
- M 51
- Y 0
- K 6
CMYK color chart

● #5275f0 color description : Soft blue.

The hexadecimal color #5275f0 has RGB values of R:82, G:117, B:240 and CMYK values of C:0.66, M:0.51, Y:0, K:0.06. Its decimal value is 5404144.

Hex triplet	5275f0	`#5275f0`
RGB Decimal	82, 117, 240	`rgb(82,117,240)`
RGB Percent	32.2, 45.9, 94.1	`rgb(32.2%,45.9%,94.1%)`
CMYK	66, 51, 0, 6
HSL	226.7°, 84, 63.1	`hsl(226.7,84%,63.1%)`
HSV (or HSB)	226.7°, 65.8, 94.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.737, 26.479, -65.717
XYZ	25.566, 20.806, 85.102
xyY	0.194, 0.158, 20.806
CIE-LCH	52.737, 70.851, 291.946
CIE-LUV	52.737, -17.399, -104.578
Hunter-Lab	45.614, 20.222, -78.688
Binary	01010010, 01110101, 11110000

#5275f0
```
#5275f0 rgb(82,117,240)
```
#f0cd52
```
#f0cd52 rgb(240,205,82)
```

Complementary Color

#52c4f0
```
#52c4f0 rgb(82,196,240)
```
#5275f0
```
#5275f0 rgb(82,117,240)
```
#7e52f0
```
#7e52f0 rgb(126,82,240)
```

Analogous Color

#c4f052
```
#c4f052 rgb(196,240,82)
```
#5275f0
```
#5275f0 rgb(82,117,240)
```
#f07e52
```
#f07e52 rgb(240,126,82)
```

Split Complementary Color

#75f052
```
#75f052 rgb(117,240,82)
```
#5275f0
```
#5275f0 rgb(82,117,240)
```
#f05275
```
#f05275 rgb(240,82,117)
```

Triadic Color

#52f0cd
```
#52f0cd rgb(82,240,205)
```
#5275f0
```
#5275f0 rgb(82,117,240)
```
#f05275
```
#f05275 rgb(240,82,117)
```
#f0cd52
```
#f0cd52 rgb(240,205,82)
```

Tetradic Color

#1441e2
```
#1441e2 rgb(20,65,226)
```
#2350ec
```
#2350ec rgb(35,80,236)
```
#3b62ee
```
#3b62ee rgb(59,98,238)
```
#5275f0
```
#5275f0 rgb(82,117,240)
```
#6988f2
```
#6988f2 rgb(105,136,242)
```
#819af4
```
#819af4 rgb(129,154,244)
```
#98adf6
```
#98adf6 rgb(152,173,246)
```

Monochromatic Color

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

#529df0
```
#529df0 rgb(82,157,240)
```
#528ff0
```
#528ff0 rgb(82,143,240)
```
#5282f0
```
#5282f0 rgb(82,130,240)
```
#5275f0
```
#5275f0 rgb(82,117,240)
```
#5268f0
```
#5268f0 rgb(82,104,240)
```
#525bf0
```
#525bf0 rgb(82,91,240)
```
#5652f0
```
#5652f0 rgb(86,82,240)
```

Similar Colors

Text with hexadecimal color #5275f0

This text has a font color of #5275f0.

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

#5275f0 background color

This paragraph has a background color of #5275f0.

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

#5275f0 border color

This element has a border color of #5275f0.

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

CSS codes

.text {color:#5275f0;}

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

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

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

#010208
```
#010208 rgb(1,2,8)
```
#02071a
```
#02071a rgb(2,7,26)
```
#040d2c
```
#040d2c rgb(4,13,44)
```
#05123e
```
#05123e rgb(5,18,62)
```
#071750
```
#071750 rgb(7,23,80)
```
#081c62
```
#081c62 rgb(8,28,98)
```
#0a2174
```
#0a2174 rgb(10,33,116)
```
#0c2786
```
#0c2786 rgb(12,39,134)
```
#0d2c98
```
#0d2c98 rgb(13,44,152)
```
#0f31aa
```
#0f31aa rgb(15,49,170)
```
#1036bc
```
#1036bc rgb(16,54,188)
```
#123cce
```
#123cce rgb(18,60,206)
```
#1341e0
```
#1341e0 rgb(19,65,224)
```

Shade Color Variation

#1c4aeb
```
#1c4aeb rgb(28,74,235)
```
#2e58ed
```
#2e58ed rgb(46,88,237)
```
#4067ee
```
#4067ee rgb(64,103,238)
```
#5275f0
```
#5275f0 rgb(82,117,240)
```
#6483f2
```
#6483f2 rgb(100,131,242)
```
#7692f3
```
#7692f3 rgb(118,146,243)
```
#88a0f5
```
#88a0f5 rgb(136,160,245)
```
#9aaff6
```
#9aaff6 rgb(154,175,246)
```
#acbdf8
```
#acbdf8 rgb(172,189,248)
```
#becbf9
```
#becbf9 rgb(190,203,249)
```
#d0dafb
```
#d0dafb rgb(208,218,251)
```
#e2e8fd
```
#e2e8fd rgb(226,232,253)
```
#f4f7fe
```
#f4f7fe rgb(244,247,254)
```

Tint Color Variation

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

#9a9da8
```
#9a9da8 rgb(154,157,168)
```
#9399af
```
#9399af rgb(147,153,175)
```
#8c95b6
```
#8c95b6 rgb(140,149,182)
```
#8591bd
```
#8591bd rgb(133,145,189)
```
#7d8dc5
```
#7d8dc5 rgb(125,141,197)
```
#7689cc
```
#7689cc rgb(118,137,204)
```
#6f85d3
```
#6f85d3 rgb(111,133,211)
```
#6881da
```
#6881da rgb(104,129,218)
```
#607de2
```
#607de2 rgb(96,125,226)
```
#5979e9
```
#5979e9 rgb(89,121,233)
```
#5275f0
```
#5275f0 rgb(82,117,240)
```
#4b71f7
```
#4b71f7 rgb(75,113,247)
```
#446dfe
```
#446dfe rgb(68,109,254)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#717891 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3080f4 Protanopia 1% of men
#0087de Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

#3c7cf3 Protanomaly 1% of men, 0.01% of women
#1d80e5 Deuteranomaly 6% of men, 0.4% of women
#1d87ba Tritanomaly 0.01% of the population

#5275f0 hex color

#5275f0 Color Information

#5275f0 Color Conversion

Color Schemes with #5275f0

Alternatives to #5275f0

#5275f0 Preview

Shades and Tints of #5275f0

Tones of #5275f0

Color Blindness Simulator