#5270b8 hex color

In a RGB color space, hex #5270b8 is composed of 32.2% red, 43.9% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 39.1% magenta, 0% yellow and 27.8% black. It has a hue angle of 222.4 degrees, a saturation of 41.8% and a lightness of 52.2%. #5270b8 color hex could be obtained by blending #a4e0ff with #000071. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 44
- B 72
RGB color chart
- C 55
- M 39
- Y 0
- K 28
CMYK color chart

● #5270b8 color description : Moderate blue.

The hexadecimal color #5270b8 has RGB values of R:82, G:112, B:184 and CMYK values of C:0.55, M:0.39, Y:0, K:0.28. Its decimal value is 5402808.

Hex triplet	5270b8	`#5270b8`
RGB Decimal	82, 112, 184	`rgb(82,112,184)`
RGB Percent	32.2, 43.9, 72.2	`rgb(32.2%,43.9%,72.2%)`
CMYK	55, 39, 0, 28
HSL	222.4°, 41.8, 52.2	`hsl(222.4,41.8%,52.2%)`
HSV (or HSB)	222.4°, 55.4, 72.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.06, 10.604, -41.396
XYZ	17.924, 16.842, 47.651
xyY	0.217, 0.204, 16.842
CIE-LCH	48.06, 42.733, 284.367
CIE-LUV	48.06, -15.28, -63.584
Hunter-Lab	41.039, 6.141, -40.115
Binary	01010010, 01110000, 10111000

#5270b8
```
#5270b8 rgb(82,112,184)
```
#b89a52
```
#b89a52 rgb(184,154,82)
```

Complementary Color

#52a3b8
```
#52a3b8 rgb(82,163,184)
```
#5270b8
```
#5270b8 rgb(82,112,184)
```
#6752b8
```
#6752b8 rgb(103,82,184)
```

Analogous Color

#a3b852
```
#a3b852 rgb(163,184,82)
```
#5270b8
```
#5270b8 rgb(82,112,184)
```
#b86752
```
#b86752 rgb(184,103,82)
```

Split Complementary Color

#70b852
```
#70b852 rgb(112,184,82)
```
#5270b8
```
#5270b8 rgb(82,112,184)
```
#b85270
```
#b85270 rgb(184,82,112)
```

Triadic Color

#52b89a
```
#52b89a rgb(82,184,154)
```
#5270b8
```
#5270b8 rgb(82,112,184)
```
#b85270
```
#b85270 rgb(184,82,112)
```
#b89a52
```
#b89a52 rgb(184,154,82)
```

Tetradic Color

#374e86
```
#374e86 rgb(55,78,134)
```
#3f5998
```
#3f5998 rgb(63,89,152)
```
#4664ab
```
#4664ab rgb(70,100,171)
```
#5270b8
```
#5270b8 rgb(82,112,184)
```
#647fbf
```
#647fbf rgb(100,127,191)
```
#768ec7
```
#768ec7 rgb(118,142,199)
```
#889dce
```
#889dce rgb(136,157,206)
```

Monochromatic Color

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

#528ab8
```
#528ab8 rgb(82,138,184)
```
#5281b8
```
#5281b8 rgb(82,129,184)
```
#5279b8
```
#5279b8 rgb(82,121,184)
```
#5270b8
```
#5270b8 rgb(82,112,184)
```
#5268b8
```
#5268b8 rgb(82,104,184)
```
#525fb8
```
#525fb8 rgb(82,95,184)
```
#5257b8
```
#5257b8 rgb(82,87,184)
```

Similar Colors

Text with hexadecimal color #5270b8

This text has a font color of #5270b8.

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

#5270b8 background color

This paragraph has a background color of #5270b8.

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

#5270b8 border color

This element has a border color of #5270b8.

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

CSS codes

.text {color:#5270b8;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#090d16
```
#090d16 rgb(9,13,22)
```
#0f1524
```
#0f1524 rgb(15,21,36)
```
#141d32
```
#141d32 rgb(20,29,50)
```
#1a253f
```
#1a253f rgb(26,37,63)
```
#202d4d
```
#202d4d rgb(32,45,77)
```
#25355b
```
#25355b rgb(37,53,91)
```
#2b3d69
```
#2b3d69 rgb(43,61,105)
```
#314677
```
#314677 rgb(49,70,119)
```
#374e85
```
#374e85 rgb(55,78,133)
```
#3c5693
```
#3c5693 rgb(60,86,147)
```
#425ea1
```
#425ea1 rgb(66,94,161)
```
#4866af
```
#4866af rgb(72,102,175)
```

Shade Color Variation

#5270b8
```
#5270b8 rgb(82,112,184)
```
#607bbe
```
#607bbe rgb(96,123,190)
```
#6e87c3
```
#6e87c3 rgb(110,135,195)
```
#7c92c9
```
#7c92c9 rgb(124,146,201)
```
#8a9ecf
```
#8a9ecf rgb(138,158,207)
```
#98a9d5
```
#98a9d5 rgb(152,169,213)
```
#a5b5da
```
#a5b5da rgb(165,181,218)
```
#b3c0e0
```
#b3c0e0 rgb(179,192,224)
```
#c1cce6
```
#c1cce6 rgb(193,204,230)
```
#cfd7eb
```
#cfd7eb rgb(207,215,235)
```
#dde3f1
```
#dde3f1 rgb(221,227,241)
```
#ebeef7
```
#ebeef7 rgb(235,238,247)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#818389
```
#818389 rgb(129,131,137)
```
#787f92
```
#787f92 rgb(120,127,146)
```
#6e7c9c
```
#6e7c9c rgb(110,124,156)
```
#6578a5
```
#6578a5 rgb(101,120,165)
```
#5b74af
```
#5b74af rgb(91,116,175)
```
#5270b8
```
#5270b8 rgb(82,112,184)
```
#496cc1
```
#496cc1 rgb(73,108,193)
```
#3f68cb
```
#3f68cb rgb(63,104,203)
```
#3664d4
```
#3664d4 rgb(54,100,212)
```
#2c61de
```
#2c61de rgb(44,97,222)
```
#235de7
```
#235de7 rgb(35,93,231)
```
#1a59f0
```
#1a59f0 rgb(26,89,240)
```
#1055fa
```
#1055fa rgb(16,85,250)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#696f7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c77bb Protanopia 1% of men
#4f79ba Deuteranopia 1% of men
#43828b Tritanopia 0.001% of the population

Trichromacy

#5874ba Protanomaly 1% of men, 0.01% of women
#5076b9 Deuteranomaly 6% of men, 0.4% of women
#487b9b Tritanomaly 0.01% of the population

#5270b8 hex color

#5270b8 Color Information

#5270b8 Color Conversion

Color Schemes with #5270b8

Alternatives to #5270b8

#5270b8 Preview

Shades and Tints of #5270b8

Tones of #5270b8

Color Blindness Simulator