#5274b3 hex color

In a RGB color space, hex #5274b3 is composed of 32.2% red, 45.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 35.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 219 degrees, a saturation of 39% and a lightness of 51.2%. #5274b3 color hex could be obtained by blending #a4e8ff with #000067. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 45
- B 70
RGB color chart
- C 54
- M 35
- Y 0
- K 30
CMYK color chart

● #5274b3 color description : Moderate blue.

The hexadecimal color #5274b3 has RGB values of R:82, G:116, B:179 and CMYK values of C:0.54, M:0.35, Y:0, K:0.3. Its decimal value is 5403827.

Hex triplet	5274b3	`#5274b3`
RGB Decimal	82, 116, 179	`rgb(82,116,179)`
RGB Percent	32.2, 45.5, 70.2	`rgb(32.2%,45.5%,70.2%)`
CMYK	54, 35, 0, 30
HSL	219°, 39, 51.2	`hsl(219,39%,51.2%)`
HSV (or HSB)	219°, 54.2, 70.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.931, 6.509, -37.123
XYZ	17.86, 17.538, 45.089
xyY	0.222, 0.218, 17.538
CIE-LCH	48.931, 37.69, 279.944
CIE-LUV	48.931, -16.662, -56.668
Hunter-Lab	41.879, 2.836, -34.52
Binary	01010010, 01110100, 10110011

#5274b3
```
#5274b3 rgb(82,116,179)
```
#b39152
```
#b39152 rgb(179,145,82)
```

Complementary Color

#52a5b3
```
#52a5b3 rgb(82,165,179)
```
#5274b3
```
#5274b3 rgb(82,116,179)
```
#6052b3
```
#6052b3 rgb(96,82,179)
```

Analogous Color

#a5b352
```
#a5b352 rgb(165,179,82)
```
#5274b3
```
#5274b3 rgb(82,116,179)
```
#b36152
```
#b36152 rgb(179,97,82)
```

Split Complementary Color

#74b352
```
#74b352 rgb(116,179,82)
```
#5274b3
```
#5274b3 rgb(82,116,179)
```
#b35274
```
#b35274 rgb(179,82,116)
```

Triadic Color

#52b391
```
#52b391 rgb(82,179,145)
```
#5274b3
```
#5274b3 rgb(82,116,179)
```
#b35274
```
#b35274 rgb(179,82,116)
```
#b39152
```
#b39152 rgb(179,145,82)
```

Tetradic Color

#385280
```
#385280 rgb(56,82,128)
```
#405d92
```
#405d92 rgb(64,93,146)
```
#4868a4
```
#4868a4 rgb(72,104,164)
```
#5274b3
```
#5274b3 rgb(82,116,179)
```
#6482bb
```
#6482bb rgb(100,130,187)
```
#7590c3
```
#7590c3 rgb(117,144,195)
```
#879fca
```
#879fca rgb(135,159,202)
```

Monochromatic Color

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

#528cb3
```
#528cb3 rgb(82,140,179)
```
#5284b3
```
#5284b3 rgb(82,132,179)
```
#527cb3
```
#527cb3 rgb(82,124,179)
```
#5274b3
```
#5274b3 rgb(82,116,179)
```
#526cb3
```
#526cb3 rgb(82,108,179)
```
#5264b3
```
#5264b3 rgb(82,100,179)
```
#525cb3
```
#525cb3 rgb(82,92,179)
```

Similar Colors

Text with hexadecimal color #5274b3

This text has a font color of #5274b3.

<span style="color:#5274b3;">Text here</span>

#5274b3 background color

This paragraph has a background color of #5274b3.

<p style="background-color:#5274b3;">Content here</p>

#5274b3 border color

This element has a border color of #5274b3.

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

CSS codes

.text {color:#5274b3;}

.background {background-color:#5274b3;}

.border {border:1px solid #5274b3;}

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

#020304
```
#020304 rgb(2,3,4)
```
#080b12
```
#080b12 rgb(8,11,18)
```
#0e141f
```
#0e141f rgb(14,20,31)
```
#141d2d
```
#141d2d rgb(20,29,45)
```
#1a253b
```
#1a253b rgb(26,37,59)
```
#202e48
```
#202e48 rgb(32,46,72)
```
#263756
```
#263756 rgb(38,55,86)
```
#2c3f64
```
#2c3f64 rgb(44,63,100)
```
#324871
```
#324871 rgb(50,72,113)
```
#38517f
```
#38517f rgb(56,81,127)
```
#3e598c
```
#3e598c rgb(62,89,140)
```
#44629a
```
#44629a rgb(68,98,154)
```
#4a6ba8
```
#4a6ba8 rgb(74,107,168)
```

Shade Color Variation

#5274b3
```
#5274b3 rgb(82,116,179)
```
#607fb9
```
#607fb9 rgb(96,127,185)
```
#6d8abf
```
#6d8abf rgb(109,138,191)
```
#7b95c5
```
#7b95c5 rgb(123,149,197)
```
#89a0cb
```
#89a0cb rgb(137,160,203)
```
#96abd1
```
#96abd1 rgb(150,171,209)
```
#a4b6d7
```
#a4b6d7 rgb(164,182,215)
```
#b1c1dd
```
#b1c1dd rgb(177,193,221)
```
#bfcce3
```
#bfcce3 rgb(191,204,227)
```
#cdd7e9
```
#cdd7e9 rgb(205,215,233)
```
#dae1ef
```
#dae1ef rgb(218,225,239)
```
#e8ecf5
```
#e8ecf5 rgb(232,236,245)
```
#f6f7fb
```
#f6f7fb rgb(246,247,251)
```

Tint Color Variation

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

#828283
```
#828283 rgb(130,130,131)
```
#787f8d
```
#787f8d rgb(120,127,141)
```
#6f7d96
```
#6f7d96 rgb(111,125,150)
```
#657aa0
```
#657aa0 rgb(101,122,160)
```
#5c77a9
```
#5c77a9 rgb(92,119,169)
```
#5274b3
```
#5274b3 rgb(82,116,179)
```
#4871bd
```
#4871bd rgb(72,113,189)
```
#3f6ec6
```
#3f6ec6 rgb(63,110,198)
```
#356bd0
```
#356bd0 rgb(53,107,208)
```
#2c69d9
```
#2c69d9 rgb(44,105,217)
```
#2266e3
```
#2266e3 rgb(34,102,227)
```
#1963ec
```
#1963ec rgb(25,99,236)
```
#0f60f6
```
#0f60f6 rgb(15,96,246)
```

Tone Color Variation

Below, you can see how #5274b3 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

#717171 Achromatopsia 0.005% of the population
#6b727e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6479b5 Protanopia 1% of men
#5a7bb6 Deuteranopia 1% of men
#47848d Tritanopia 0.001% of the population

Trichromacy

#5d77b4 Protanomaly 1% of men, 0.01% of women
#5778b5 Deuteranomaly 6% of men, 0.4% of women
#4b7e9b Tritanomaly 0.01% of the population

#5274b3 hex color

#5274b3 Color Information

#5274b3 Color Conversion

Color Schemes with #5274b3

Alternatives to #5274b3

#5274b3 Preview

Shades and Tints of #5274b3

Tones of #5274b3

Color Blindness Simulator