#5275a6 hex color

In a RGB color space, hex #5275a6 is composed of 32.2% red, 45.9% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 29.5% magenta, 0% yellow and 34.9% black. It has a hue angle of 215 degrees, a saturation of 33.9% and a lightness of 48.6%. #5275a6 color hex could be obtained by blending #a4eaff with #00004d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 32
- G 46
- B 65
RGB color chart
- C 51
- M 30
- Y 0
- K 35
CMYK color chart

● #5275a6 color description : Dark moderate blue.

The hexadecimal color #5275a6 has RGB values of R:82, G:117, B:166 and CMYK values of C:0.51, M:0.3, Y:0, K:0.35. Its decimal value is 5404070.

Hex triplet	5275a6	`#5275a6`
RGB Decimal	82, 117, 166	`rgb(82,117,166)`
RGB Percent	32.2, 45.9, 65.1	`rgb(32.2%,45.9%,65.1%)`
CMYK	51, 30, 0, 35
HSL	215°, 33.9, 48.6	`hsl(215,33.9%,48.6%)`
HSV (or HSB)	215°, 50.6, 65.1
Web Safe	666699	`#666699`

CIE-LAB	48.597, 1.736, -30.085
XYZ	16.722, 17.269, 38.526
xyY	0.231, 0.238, 17.269
CIE-LCH	48.597, 30.135, 273.302
CIE-LUV	48.597, -17.002, -44.971
Hunter-Lab	41.556, -0.893, -25.879
Binary	01010010, 01110101, 10100110

#5275a6
```
#5275a6 rgb(82,117,166)
```
#a68352
```
#a68352 rgb(166,131,82)
```

Complementary Color

#529fa6
```
#529fa6 rgb(82,159,166)
```
#5275a6
```
#5275a6 rgb(82,117,166)
```
#5952a6
```
#5952a6 rgb(89,82,166)
```

Analogous Color

#9fa652
```
#9fa652 rgb(159,166,82)
```
#5275a6
```
#5275a6 rgb(82,117,166)
```
#a65952
```
#a65952 rgb(166,89,82)
```

Split Complementary Color

#75a652
```
#75a652 rgb(117,166,82)
```
#5275a6
```
#5275a6 rgb(82,117,166)
```
#a65275
```
#a65275 rgb(166,82,117)
```

Triadic Color

#52a683
```
#52a683 rgb(82,166,131)
```
#5275a6
```
#5275a6 rgb(82,117,166)
```
#a65275
```
#a65275 rgb(166,82,117)
```
#a68352
```
#a68352 rgb(166,131,82)
```

Tetradic Color

#395173
```
#395173 rgb(57,81,115)
```
#415d84
```
#415d84 rgb(65,93,132)
```
#4a6995
```
#4a6995 rgb(74,105,149)
```
#5275a6
```
#5275a6 rgb(82,117,166)
```
#6182b1
```
#6182b1 rgb(97,130,177)
```
#7290b9
```
#7290b9 rgb(114,144,185)
```
#839dc2
```
#839dc2 rgb(131,157,194)
```

Monochromatic Color

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

#528aa6
```
#528aa6 rgb(82,138,166)
```
#5283a6
```
#5283a6 rgb(82,131,166)
```
#527ca6
```
#527ca6 rgb(82,124,166)
```
#5275a6
```
#5275a6 rgb(82,117,166)
```
#526ea6
```
#526ea6 rgb(82,110,166)
```
#5267a6
```
#5267a6 rgb(82,103,166)
```
#5260a6
```
#5260a6 rgb(82,96,166)
```

Similar Colors

Text with hexadecimal color #5275a6

This text has a font color of #5275a6.

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

#5275a6 background color

This paragraph has a background color of #5275a6.

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

#5275a6 border color

This element has a border color of #5275a6.

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

CSS codes

.text {color:#5275a6;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0b0f16
```
#0b0f16 rgb(11,15,22)
```
#111823
```
#111823 rgb(17,24,35)
```
#182230
```
#182230 rgb(24,34,48)
```
#1e2b3d
```
#1e2b3d rgb(30,43,61)
```
#25344a
```
#25344a rgb(37,52,74)
```
#2b3d57
```
#2b3d57 rgb(43,61,87)
```
#324764
```
#324764 rgb(50,71,100)
```
#385071
```
#385071 rgb(56,80,113)
```
#3f597f
```
#3f597f rgb(63,89,127)
```
#45628c
```
#45628c rgb(69,98,140)
```
#4c6c99
```
#4c6c99 rgb(76,108,153)
```
#5275a6
```
#5275a6 rgb(82,117,166)
```

Shade Color Variation

#5d7faf
```
#5d7faf rgb(93,127,175)
```
#6a89b5
```
#6a89b5 rgb(106,137,181)
```
#7794bc
```
#7794bc rgb(119,148,188)
```
#849ec2
```
#849ec2 rgb(132,158,194)
```
#91a8c9
```
#91a8c9 rgb(145,168,201)
```
#9eb3cf
```
#9eb3cf rgb(158,179,207)
```
#acbdd6
```
#acbdd6 rgb(172,189,214)
```
#b9c7dc
```
#b9c7dc rgb(185,199,220)
```
#c6d2e3
```
#c6d2e3 rgb(198,210,227)
```
#d3dce9
```
#d3dce9 rgb(211,220,233)
```
#e0e7f0
```
#e0e7f0 rgb(224,231,240)
```
#edf1f6
```
#edf1f6 rgb(237,241,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787b80 is the less saturated color, while #0668f2 is the most saturated one.

#787b80
```
#787b80 rgb(120,123,128)
```
#6f7a89
```
#6f7a89 rgb(111,122,137)
```
#657893
```
#657893 rgb(101,120,147)
```
#5c779c
```
#5c779c rgb(92,119,156)
```
#5275a6
```
#5275a6 rgb(82,117,166)
```
#4873b0
```
#4873b0 rgb(72,115,176)
```
#3f72b9
```
#3f72b9 rgb(63,114,185)
```
#3570c3
```
#3570c3 rgb(53,112,195)
```
#2c6fcc
```
#2c6fcc rgb(44,111,204)
```
#226dd6
```
#226dd6 rgb(34,109,214)
```
#196bdf
```
#196bdf rgb(25,107,223)
```
#0f6ae9
```
#0f6ae9 rgb(15,106,233)
```
#0668f2
```
#0668f2 rgb(6,104,242)
```

Tone Color Variation

Below, you can see how #5275a6 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
#6a717b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a79a8 Protanopia 1% of men
#6579ab Deuteranopia 1% of men
#4e828b Tritanopia 0.001% of the population

Trichromacy

#6177a7 Protanomaly 1% of men, 0.01% of women
#5e78a9 Deuteranomaly 6% of men, 0.4% of women
#4f7d95 Tritanomaly 0.01% of the population

#5275a6 hex color

#5275a6 Color Information

#5275a6 Color Conversion

Color Schemes with #5275a6

Alternatives to #5275a6

#5275a6 Preview

Shades and Tints of #5275a6

Tones of #5275a6

Color Blindness Simulator