#5271bb hex color

In a RGB color space, hex #5271bb is composed of 32.2% red, 44.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 39.6% magenta, 0% yellow and 26.7% black. It has a hue angle of 222.3 degrees, a saturation of 43.6% and a lightness of 52.7%. #5271bb color hex could be obtained by blending #a4e2ff with #000077. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 44
- B 73
RGB color chart
- C 56
- M 40
- Y 0
- K 27
CMYK color chart

● #5271bb color description : Moderate blue.

The hexadecimal color #5271bb has RGB values of R:82, G:113, B:187 and CMYK values of C:0.56, M:0.4, Y:0, K:0.27. Its decimal value is 5403067.

Hex triplet	5271bb	`#5271bb`
RGB Decimal	82, 113, 187	`rgb(82,113,187)`
RGB Percent	32.2, 44.3, 73.3	`rgb(32.2%,44.3%,73.3%)`
CMYK	56, 40, 0, 27
HSL	222.3°, 43.6, 52.7	`hsl(222.3,43.6%,52.7%)`
HSV (or HSB)	222.3°, 56.1, 73.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.5, 10.978, -42.435
XYZ	18.353, 17.191, 49.362
xyY	0.216, 0.202, 17.191
CIE-LCH	48.5, 43.832, 284.504
CIE-LUV	48.5, -15.653, -65.379
Hunter-Lab	41.462, 6.452, -41.563
Binary	01010010, 01110001, 10111011

#5271bb
```
#5271bb rgb(82,113,187)
```
#bb9c52
```
#bb9c52 rgb(187,156,82)
```

Complementary Color

#52a6bb
```
#52a6bb rgb(82,166,187)
```
#5271bb
```
#5271bb rgb(82,113,187)
```
#6852bb
```
#6852bb rgb(104,82,187)
```

Analogous Color

#a6bb52
```
#a6bb52 rgb(166,187,82)
```
#5271bb
```
#5271bb rgb(82,113,187)
```
#bb6852
```
#bb6852 rgb(187,104,82)
```

Split Complementary Color

#71bb52
```
#71bb52 rgb(113,187,82)
```
#5271bb
```
#5271bb rgb(82,113,187)
```
#bb5271
```
#bb5271 rgb(187,82,113)
```

Triadic Color

#52bb9c
```
#52bb9c rgb(82,187,156)
```
#5271bb
```
#5271bb rgb(82,113,187)
```
#bb5271
```
#bb5271 rgb(187,82,113)
```
#bb9c52
```
#bb9c52 rgb(187,156,82)
```

Tetradic Color

#364f8a
```
#364f8a rgb(54,79,138)
```
#3e5a9c
```
#3e5a9c rgb(62,90,156)
```
#4564af
```
#4564af rgb(69,100,175)
```
#5271bb
```
#5271bb rgb(82,113,187)
```
#6480c2
```
#6480c2 rgb(100,128,194)
```
#778fc9
```
#778fc9 rgb(119,143,201)
```
#899ed1
```
#899ed1 rgb(137,158,209)
```

Monochromatic Color

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

#528bbb
```
#528bbb rgb(82,139,187)
```
#5283bb
```
#5283bb rgb(82,131,187)
```
#527abb
```
#527abb rgb(82,122,187)
```
#5271bb
```
#5271bb rgb(82,113,187)
```
#5268bb
```
#5268bb rgb(82,104,187)
```
#5260bb
```
#5260bb rgb(82,96,187)
```
#5257bb
```
#5257bb rgb(82,87,187)
```

Similar Colors

Text with hexadecimal color #5271bb

This text has a font color of #5271bb.

<span style="color:#5271bb;">Text here</span>

#5271bb background color

This paragraph has a background color of #5271bb.

<p style="background-color:#5271bb;">Content here</p>

#5271bb border color

This element has a border color of #5271bb.

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

CSS codes

.text {color:#5271bb;}

.background {background-color:#5271bb;}

.border {border:1px solid #5271bb;}

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, #04060a is the darkest color, while #fbfcfd is the lightest one.

#04060a
```
#04060a rgb(4,6,10)
```
#090e18
```
#090e18 rgb(9,14,24)
```
#0f1626
```
#0f1626 rgb(15,22,38)
```
#151e34
```
#151e34 rgb(21,30,52)
```
#1a2642
```
#1a2642 rgb(26,38,66)
```
#202e50
```
#202e50 rgb(32,46,80)
```
#25365f
```
#25365f rgb(37,54,95)
```
#2b3e6d
```
#2b3e6d rgb(43,62,109)
```
#30467b
```
#30467b rgb(48,70,123)
```
#364e89
```
#364e89 rgb(54,78,137)
```
#3b5697
```
#3b5697 rgb(59,86,151)
```
#415ea5
```
#415ea5 rgb(65,94,165)
```
#4666b3
```
#4666b3 rgb(70,102,179)
```

Shade Color Variation

#5271bb
```
#5271bb rgb(82,113,187)
```
#607dc1
```
#607dc1 rgb(96,125,193)
```
#6e88c6
```
#6e88c6 rgb(110,136,198)
```
#7c94cc
```
#7c94cc rgb(124,148,204)
```
#8a9fd1
```
#8a9fd1 rgb(138,159,209)
```
#98abd7
```
#98abd7 rgb(152,171,215)
```
#a6b6dc
```
#a6b6dc rgb(166,182,220)
```
#b5c2e2
```
#b5c2e2 rgb(181,194,226)
```
#c3cde7
```
#c3cde7 rgb(195,205,231)
```
#d1d9ed
```
#d1d9ed rgb(209,217,237)
```
#dfe5f2
```
#dfe5f2 rgb(223,229,242)
```
#edf0f8
```
#edf0f8 rgb(237,240,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80848d is the less saturated color, while #1156fc is the most saturated one.

#80848d
```
#80848d rgb(128,132,141)
```
#778096
```
#778096 rgb(119,128,150)
```
#6e7c9f
```
#6e7c9f rgb(110,124,159)
```
#6579a8
```
#6579a8 rgb(101,121,168)
```
#5b75b2
```
#5b75b2 rgb(91,117,178)
```
#5271bb
```
#5271bb rgb(82,113,187)
```
#496dc4
```
#496dc4 rgb(73,109,196)
```
#3f69ce
```
#3f69ce rgb(63,105,206)
```
#3666d7
```
#3666d7 rgb(54,102,215)
```
#2d62e0
```
#2d62e0 rgb(45,98,224)
```
#245ee9
```
#245ee9 rgb(36,94,233)
```
#1a5af3
```
#1a5af3 rgb(26,90,243)
```
#1156fc
```
#1156fc rgb(17,86,252)
```

Tone Color Variation

Below, you can see how #5271bb 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

#707070 Achromatopsia 0.005% of the population
#6a707f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c78be Protanopia 1% of men
#4e7abd Deuteranopia 1% of men
#42838d Tritanopia 0.001% of the population

Trichromacy

#5875bd Protanomaly 1% of men, 0.01% of women
#4f77bc Deuteranomaly 6% of men, 0.4% of women
#487c9d Tritanomaly 0.01% of the population

#5271bb hex color

#5271bb Color Information

#5271bb Color Conversion

Color Schemes with #5271bb

Alternatives to #5271bb

#5271bb Preview

Shades and Tints of #5271bb

Tones of #5271bb

Color Blindness Simulator