#5299ec hex color

In a RGB color space, hex #5299ec is composed of 32.2% red, 60% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 35.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 212.3 degrees, a saturation of 80.2% and a lightness of 62.4%. #5299ec color hex could be obtained by blending #a4ffff with #0033d9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 32
- G 60
- B 93
RGB color chart
- C 65
- M 35
- Y 0
- K 7
CMYK color chart

● #5299ec color description : Soft blue.

The hexadecimal color #5299ec has RGB values of R:82, G:153, B:236 and CMYK values of C:0.65, M:0.35, Y:0, K:0.07. Its decimal value is 5413356.

Hex triplet	5299ec	`#5299ec`
RGB Decimal	82, 153, 236	`rgb(82,153,236)`
RGB Percent	32.2, 60, 92.5	`rgb(32.2%,60%,92.5%)`
CMYK	65, 35, 0, 7
HSL	212.3°, 80.2, 62.4	`hsl(212.3,80.2%,62.4%)`
HSV (or HSB)	212.3°, 65.3, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	62.194, 3.417, -48.381
XYZ	30.008, 30.63, 83.683
xyY	0.208, 0.212, 30.63
CIE-LCH	62.194, 48.501, 274.04
CIE-LUV	62.194, -28.903, -77.669
Hunter-Lab	55.345, -0.071, -50.907
Binary	01010010, 10011001, 11101100

#5299ec
```
#5299ec rgb(82,153,236)
```
#eca552
```
#eca552 rgb(236,165,82)
```

Complementary Color

#52e6ec
```
#52e6ec rgb(82,230,236)
```
#5299ec
```
#5299ec rgb(82,153,236)
```
#5852ec
```
#5852ec rgb(88,82,236)
```

Analogous Color

#e6ec52
```
#e6ec52 rgb(230,236,82)
```
#5299ec
```
#5299ec rgb(82,153,236)
```
#ec5852
```
#ec5852 rgb(236,88,82)
```

Split Complementary Color

#99ec52
```
#99ec52 rgb(153,236,82)
```
#5299ec
```
#5299ec rgb(82,153,236)
```
#ec5299
```
#ec5299 rgb(236,82,153)
```

Triadic Color

#52eca5
```
#52eca5 rgb(82,236,165)
```
#5299ec
```
#5299ec rgb(82,153,236)
```
#ec5299
```
#ec5299 rgb(236,82,153)
```
#eca552
```
#eca552 rgb(236,165,82)
```

Tetradic Color

#1871da
```
#1871da rgb(24,113,218)
```
#247ee7
```
#247ee7 rgb(36,126,231)
```
#3b8be9
```
#3b8be9 rgb(59,139,233)
```
#5299ec
```
#5299ec rgb(82,153,236)
```
#69a7ef
```
#69a7ef rgb(105,167,239)
```
#80b4f1
```
#80b4f1 rgb(128,180,241)
```
#97c2f4
```
#97c2f4 rgb(151,194,244)
```

Monochromatic Color

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

#52c0ec
```
#52c0ec rgb(82,192,236)
```
#52b3ec
```
#52b3ec rgb(82,179,236)
```
#52a6ec
```
#52a6ec rgb(82,166,236)
```
#5299ec
```
#5299ec rgb(82,153,236)
```
#528cec
```
#528cec rgb(82,140,236)
```
#527fec
```
#527fec rgb(82,127,236)
```
#5273ec
```
#5273ec rgb(82,115,236)
```

Similar Colors

Text with hexadecimal color #5299ec

This text has a font color of #5299ec.

<span style="color:#5299ec;">Text here</span>

#5299ec background color

This paragraph has a background color of #5299ec.

<p style="background-color:#5299ec;">Content here</p>

#5299ec border color

This element has a border color of #5299ec.

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

CSS codes

.text {color:#5299ec;}

.background {background-color:#5299ec;}

.border {border:1px solid #5299ec;}

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

#000204
```
#000204 rgb(0,2,4)
```
#020b15
```
#020b15 rgb(2,11,21)
```
#041427
```
#041427 rgb(4,20,39)
```
#061e39
```
#061e39 rgb(6,30,57)
```
#08274a
```
#08274a rgb(8,39,74)
```
#0a305c
```
#0a305c rgb(10,48,92)
```
#0c396e
```
#0c396e rgb(12,57,110)
```
#0e427f
```
#0e427f rgb(14,66,127)
```
#104c91
```
#104c91 rgb(16,76,145)
```
#1255a3
```
#1255a3 rgb(18,85,163)
```
#145eb4
```
#145eb4 rgb(20,94,180)
```
#1667c6
```
#1667c6 rgb(22,103,198)
```
#1870d8
```
#1870d8 rgb(24,112,216)
```

Shade Color Variation

#1d7ae6
```
#1d7ae6 rgb(29,122,230)
```
#2f84e8
```
#2f84e8 rgb(47,132,232)
```
#408fea
```
#408fea rgb(64,143,234)
```
#5299ec
```
#5299ec rgb(82,153,236)
```
#64a3ee
```
#64a3ee rgb(100,163,238)
```
#75aef0
```
#75aef0 rgb(117,174,240)
```
#87b8f2
```
#87b8f2 rgb(135,184,242)
```
#99c3f4
```
#99c3f4 rgb(153,195,244)
```
#aacdf6
```
#aacdf6 rgb(170,205,246)
```
#bcd8f8
```
#bcd8f8 rgb(188,216,248)
```
#cee2fa
```
#cee2fa rgb(206,226,250)
```
#dfecfc
```
#dfecfc rgb(223,236,252)
```
#f1f7fd
```
#f1f7fd rgb(241,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9fa2 is the less saturated color, while #4398fb is the most saturated one.

#9c9fa2
```
#9c9fa2 rgb(156,159,162)
```
#949eaa
```
#949eaa rgb(148,158,170)
```
#8d9eb1
```
#8d9eb1 rgb(141,158,177)
```
#869db8
```
#869db8 rgb(134,157,184)
```
#7e9cc0
```
#7e9cc0 rgb(126,156,192)
```
#779cc7
```
#779cc7 rgb(119,156,199)
```
#709bce
```
#709bce rgb(112,155,206)
```
#689bd6
```
#689bd6 rgb(104,155,214)
```
#619add
```
#619add rgb(97,154,221)
```
#599ae5
```
#599ae5 rgb(89,154,229)
```
#5299ec
```
#5299ec rgb(82,153,236)
```
#4b98f3
```
#4b98f3 rgb(75,152,243)
```
#4398fb
```
#4398fb rgb(67,152,251)
```

Tone Color Variation

Below, you can see how #5299ec 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

#8d8d8d Achromatopsia 0.005% of the population
#818fa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c99e9 Protanopia 1% of men
#689ced Deuteranopia 1% of men
#2daab6 Tritanopia 0.001% of the population

Trichromacy

#6c99ea Protanomaly 1% of men, 0.01% of women
#609aed Deuteranomaly 6% of men, 0.4% of women
#3aa3c9 Tritanomaly 0.01% of the population

#5299ec hex color

#5299ec Color Information

#5299ec Color Conversion

Color Schemes with #5299ec

Alternatives to #5299ec

#5299ec Preview

Shades and Tints of #5299ec

Tones of #5299ec

Color Blindness Simulator