#5275a5 hex color

In a RGB color space, hex #5275a5 is composed of 32.2% red, 45.9% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 29.1% magenta, 0% yellow and 35.3% black. It has a hue angle of 214.7 degrees, a saturation of 33.6% and a lightness of 48.4%. #5275a5 color hex could be obtained by blending #a4eaff with #00004b. Closest websafe color is: #666699.

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

● #5275a5 color description : Dark moderate blue.

The hexadecimal color #5275a5 has RGB values of R:82, G:117, B:165 and CMYK values of C:0.5, M:0.29, Y:0, K:0.35. Its decimal value is 5404069.

Hex triplet	5275a5	`#5275a5`
RGB Decimal	82, 117, 165	`rgb(82,117,165)`
RGB Percent	32.2, 45.9, 64.7	`rgb(32.2%,45.9%,64.7%)`
CMYK	50, 29, 0, 35
HSL	214.7°, 33.6, 48.4	`hsl(214.7,33.6%,48.4%)`
HSV (or HSB)	214.7°, 50.3, 64.7
Web Safe	666699	`#666699`

CIE-LAB	48.551, 1.421, -29.572
XYZ	16.631, 17.232, 38.045
xyY	0.231, 0.24, 17.232
CIE-LCH	48.551, 29.606, 272.752
CIE-LUV	48.551, -17.002, -44.12
Hunter-Lab	41.512, -1.132, -25.28
Binary	01010010, 01110101, 10100101

#5275a5
```
#5275a5 rgb(82,117,165)
```
#a58252
```
#a58252 rgb(165,130,82)
```

Complementary Color

#529fa5
```
#529fa5 rgb(82,159,165)
```
#5275a5
```
#5275a5 rgb(82,117,165)
```
#5952a5
```
#5952a5 rgb(89,82,165)
```

Analogous Color

#9fa552
```
#9fa552 rgb(159,165,82)
```
#5275a5
```
#5275a5 rgb(82,117,165)
```
#a55952
```
#a55952 rgb(165,89,82)
```

Split Complementary Color

#75a552
```
#75a552 rgb(117,165,82)
```
#5275a5
```
#5275a5 rgb(82,117,165)
```
#a55275
```
#a55275 rgb(165,82,117)
```

Triadic Color

#52a582
```
#52a582 rgb(82,165,130)
```
#5275a5
```
#5275a5 rgb(82,117,165)
```
#a55275
```
#a55275 rgb(165,82,117)
```
#a58252
```
#a58252 rgb(165,130,82)
```

Tetradic Color

#395172
```
#395172 rgb(57,81,114)
```
#415d83
```
#415d83 rgb(65,93,131)
```
#4a6994
```
#4a6994 rgb(74,105,148)
```
#5275a5
```
#5275a5 rgb(82,117,165)
```
#6082b0
```
#6082b0 rgb(96,130,176)
```
#718fb9
```
#718fb9 rgb(113,143,185)
```
#829dc1
```
#829dc1 rgb(130,157,193)
```

Monochromatic Color

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

#528aa5
```
#528aa5 rgb(82,138,165)
```
#5283a5
```
#5283a5 rgb(82,131,165)
```
#527ca5
```
#527ca5 rgb(82,124,165)
```
#5275a5
```
#5275a5 rgb(82,117,165)
```
#526ea5
```
#526ea5 rgb(82,110,165)
```
#5267a5
```
#5267a5 rgb(82,103,165)
```
#5260a5
```
#5260a5 rgb(82,96,165)
```

Similar Colors

Text with hexadecimal color #5275a5

This text has a font color of #5275a5.

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

#5275a5 background color

This paragraph has a background color of #5275a5.

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

#5275a5 border color

This element has a border color of #5275a5.

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

CSS codes

.text {color:#5275a5;}

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

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

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 #fafbfc is the lightest one.

#040608
```
#040608 rgb(4,6,8)
```
#0a0f15
```
#0a0f15 rgb(10,15,21)
```
#111822
```
#111822 rgb(17,24,34)
```
#17212f
```
#17212f rgb(23,33,47)
```
#1e2b3c
```
#1e2b3c rgb(30,43,60)
```
#243449
```
#243449 rgb(36,52,73)
```
#2b3d56
```
#2b3d56 rgb(43,61,86)
```
#314763
```
#314763 rgb(49,71,99)
```
#385071
```
#385071 rgb(56,80,113)
```
#3e597e
```
#3e597e rgb(62,89,126)
```
#45628b
```
#45628b rgb(69,98,139)
```
#4b6c98
```
#4b6c98 rgb(75,108,152)
```
#5275a5
```
#5275a5 rgb(82,117,165)
```

Shade Color Variation

#5c7fae
```
#5c7fae rgb(92,127,174)
```
#6a89b5
```
#6a89b5 rgb(106,137,181)
```
#7794bb
```
#7794bb rgb(119,148,187)
```
#849ec2
```
#849ec2 rgb(132,158,194)
```
#91a8c8
```
#91a8c8 rgb(145,168,200)
```
#9eb3cf
```
#9eb3cf rgb(158,179,207)
```
#abbdd5
```
#abbdd5 rgb(171,189,213)
```
#b8c7dc
```
#b8c7dc rgb(184,199,220)
```
#c5d1e2
```
#c5d1e2 rgb(197,209,226)
```
#d2dce9
```
#d2dce9 rgb(210,220,233)
```
#dfe6ef
```
#dfe6ef rgb(223,230,239)
```
#edf0f6
```
#edf0f6 rgb(237,240,246)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#787b7f
```
#787b7f rgb(120,123,127)
```
#6f7989
```
#6f7989 rgb(111,121,137)
```
#657892
```
#657892 rgb(101,120,146)
```
#5c769c
```
#5c769c rgb(92,118,156)
```
#5275a5
```
#5275a5 rgb(82,117,165)
```
#4974af
```
#4974af rgb(73,116,175)
```
#3f72b8
```
#3f72b8 rgb(63,114,184)
```
#3671c2
```
#3671c2 rgb(54,113,194)
```
#2c6fcb
```
#2c6fcb rgb(44,111,203)
```
#236ed5
```
#236ed5 rgb(35,110,213)
```
#196cde
```
#196cde rgb(25,108,222)
```
#106be8
```
#106be8 rgb(16,107,232)
```
#0669f1
```
#0669f1 rgb(6,105,241)
```

Tone Color Variation

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

#6b78a7 Protanopia 1% of men
#6679aa Deuteranopia 1% of men
#4e828b Tritanopia 0.001% of the population

Trichromacy

#6277a6 Protanomaly 1% of men, 0.01% of women
#5e77a8 Deuteranomaly 6% of men, 0.4% of women
#4f7d94 Tritanomaly 0.01% of the population

#5275a5 hex color

#5275a5 Color Information

#5275a5 Color Conversion

Color Schemes with #5275a5

Alternatives to #5275a5

#5275a5 Preview

Shades and Tints of #5275a5

Tones of #5275a5

Color Blindness Simulator