#5283c4 hex color

In a RGB color space, hex #5283c4 is composed of 32.2% red, 51.4% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 33.2% magenta, 0% yellow and 23.1% black. It has a hue angle of 214.2 degrees, a saturation of 49.1% and a lightness of 54.5%. #5283c4 color hex could be obtained by blending #a4ffff with #000789. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 51
- B 77
RGB color chart
- C 58
- M 33
- Y 0
- K 23
CMYK color chart

● #5283c4 color description : Moderate blue.

The hexadecimal color #5283c4 has RGB values of R:82, G:131, B:196 and CMYK values of C:0.58, M:0.33, Y:0, K:0.23. Its decimal value is 5407684.

Hex triplet	5283c4	`#5283c4`
RGB Decimal	82, 131, 196	`rgb(82,131,196)`
RGB Percent	32.2, 51.4, 76.9	`rgb(32.2%,51.4%,76.9%)`
CMYK	58, 33, 0, 23
HSL	214.2°, 49.1, 54.5	`hsl(214.2,49.1%,54.5%)`
HSV (or HSB)	214.2°, 58.2, 76.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.038, 3.034, -38.847
XYZ	21.558, 22.011, 55.334
xyY	0.218, 0.223, 22.011
CIE-LCH	54.038, 38.965, 274.465
CIE-LUV	54.038, -21.976, -60.207
Hunter-Lab	46.916, -0.082, -37.088
Binary	01010010, 10000011, 11000100

#5283c4
```
#5283c4 rgb(82,131,196)
```
#c49352
```
#c49352 rgb(196,147,82)
```

Complementary Color

#52bcc4
```
#52bcc4 rgb(82,188,196)
```
#5283c4
```
#5283c4 rgb(82,131,196)
```
#5a52c4
```
#5a52c4 rgb(90,82,196)
```

Analogous Color

#bcc452
```
#bcc452 rgb(188,196,82)
```
#5283c4
```
#5283c4 rgb(82,131,196)
```
#c45a52
```
#c45a52 rgb(196,90,82)
```

Split Complementary Color

#83c452
```
#83c452 rgb(131,196,82)
```
#5283c4
```
#5283c4 rgb(82,131,196)
```
#c45283
```
#c45283 rgb(196,82,131)
```

Triadic Color

#52c493
```
#52c493 rgb(82,196,147)
```
#5283c4
```
#5283c4 rgb(82,131,196)
```
#c45283
```
#c45283 rgb(196,82,131)
```
#c49352
```
#c49352 rgb(196,147,82)
```

Tetradic Color

#335e96
```
#335e96 rgb(51,94,150)
```
#3a6aa9
```
#3a6aa9 rgb(58,106,169)
```
#4076bc
```
#4076bc rgb(64,118,188)
```
#5283c4
```
#5283c4 rgb(82,131,196)
```
#6591ca
```
#6591ca rgb(101,145,202)
```
#789ed1
```
#789ed1 rgb(120,158,209)
```
#8bacd7
```
#8bacd7 rgb(139,172,215)
```

Monochromatic Color

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

#52a0c4
```
#52a0c4 rgb(82,160,196)
```
#5296c4
```
#5296c4 rgb(82,150,196)
```
#528dc4
```
#528dc4 rgb(82,141,196)
```
#5283c4
```
#5283c4 rgb(82,131,196)
```
#527ac4
```
#527ac4 rgb(82,122,196)
```
#5270c4
```
#5270c4 rgb(82,112,196)
```
#5267c4
```
#5267c4 rgb(82,103,196)
```

Similar Colors

Text with hexadecimal color #5283c4

This text has a font color of #5283c4.

<span style="color:#5283c4;">Text here</span>

#5283c4 background color

This paragraph has a background color of #5283c4.

<p style="background-color:#5283c4;">Content here</p>

#5283c4 border color

This element has a border color of #5283c4.

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

CSS codes

.text {color:#5283c4;}

.background {background-color:#5283c4;}

.border {border:1px solid #5283c4;}

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

#010203
```
#010203 rgb(1,2,3)
```
#060b11
```
#060b11 rgb(6,11,17)
```
#0b1420
```
#0b1420 rgb(11,20,32)
```
#101d2e
```
#101d2e rgb(16,29,46)
```
#15263d
```
#15263d rgb(21,38,61)
```
#1a2f4c
```
#1a2f4c rgb(26,47,76)
```
#1f385a
```
#1f385a rgb(31,56,90)
```
#244169
```
#244169 rgb(36,65,105)
```
#294b78
```
#294b78 rgb(41,75,120)
```
#2e5486
```
#2e5486 rgb(46,84,134)
```
#335d95
```
#335d95 rgb(51,93,149)
```
#3866a3
```
#3866a3 rgb(56,102,163)
```
#3d6fb2
```
#3d6fb2 rgb(61,111,178)
```

Shade Color Variation

#4379bf
```
#4379bf rgb(67,121,191)
```
#5283c4
```
#5283c4 rgb(82,131,196)
```
#618dc9
```
#618dc9 rgb(97,141,201)
```
#6f98ce
```
#6f98ce rgb(111,152,206)
```
#7ea2d3
```
#7ea2d3 rgb(126,162,211)
```
#8dadd8
```
#8dadd8 rgb(141,173,216)
```
#9bb7dd
```
#9bb7dd rgb(155,183,221)
```
#aac2e2
```
#aac2e2 rgb(170,194,226)
```
#b8cce7
```
#b8cce7 rgb(184,204,231)
```
#c7d7ec
```
#c7d7ec rgb(199,215,236)
```
#d6e1f1
```
#d6e1f1 rgb(214,225,241)
```
#e4ecf6
```
#e4ecf6 rgb(228,236,246)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888b8e is the less saturated color, while #1c7bfa is the most saturated one.

#888b8e
```
#888b8e rgb(136,139,142)
```
#7f8997
```
#7f8997 rgb(127,137,151)
```
#7688a0
```
#7688a0 rgb(118,136,160)
```
#6d87a9
```
#6d87a9 rgb(109,135,169)
```
#6486b2
```
#6486b2 rgb(100,134,178)
```
#5b84bb
```
#5b84bb rgb(91,132,187)
```
#5283c4
```
#5283c4 rgb(82,131,196)
```
#4982cd
```
#4982cd rgb(73,130,205)
```
#4080d6
```
#4080d6 rgb(64,128,214)
```
#377fdf
```
#377fdf rgb(55,127,223)
```
#2e7ee8
```
#2e7ee8 rgb(46,126,232)
```
#257df1
```
#257df1 rgb(37,125,241)
```
#1c7bfa
```
#1c7bfa rgb(28,123,250)
```

Tone Color Variation

Below, you can see how #5283c4 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

#7c7c7c Achromatopsia 0.005% of the population
#747d8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7085c4 Protanopia 1% of men
#6587c7 Deuteranopia 1% of men
#44929d Tritanopia 0.001% of the population

Trichromacy

#6584c4 Protanomaly 1% of men, 0.01% of women
#5e85c6 Deuteranomaly 6% of men, 0.4% of women
#498cab Tritanomaly 0.01% of the population

#5283c4 hex color

#5283c4 Color Information

#5283c4 Color Conversion

Color Schemes with #5283c4

Alternatives to #5283c4

#5283c4 Preview

Shades and Tints of #5283c4

Tones of #5283c4

Color Blindness Simulator