#5297d3 hex color

In a RGB color space, hex #5297d3 is composed of 32.2% red, 59.2% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 28.4% magenta, 0% yellow and 17.3% black. It has a hue angle of 207.9 degrees, a saturation of 59.4% and a lightness of 57.5%. #5297d3 color hex could be obtained by blending #a4ffff with #002fa7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 59
- B 83
RGB color chart
- C 61
- M 28
- Y 0
- K 17
CMYK color chart

● #5297d3 color description : Moderate blue.

The hexadecimal color #5297d3 has RGB values of R:82, G:151, B:211 and CMYK values of C:0.61, M:0.28, Y:0, K:0.17. Its decimal value is 5412819.

Hex triplet	5297d3	`#5297d3`
RGB Decimal	82, 151, 211	`rgb(82,151,211)`
RGB Percent	32.2, 59.2, 82.7	`rgb(32.2%,59.2%,82.7%)`
CMYK	61, 28, 0, 17
HSL	207.9°, 59.4, 57.5	`hsl(207.9,59.4%,57.5%)`
HSV (or HSB)	207.9°, 61.1, 82.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.452, -3.712, -37.245
XYZ	26.301, 28.628, 65.764
xyY	0.218, 0.237, 28.628
CIE-LCH	60.452, 37.43, 264.309
CIE-LUV	60.452, -28.868, -57.979
Hunter-Lab	53.506, -5.891, -35.42
Binary	01010010, 10010111, 11010011

#5297d3
```
#5297d3 rgb(82,151,211)
```
#d38e52
```
#d38e52 rgb(211,142,82)
```

Complementary Color

#52d3cf
```
#52d3cf rgb(82,211,207)
```
#5297d3
```
#5297d3 rgb(82,151,211)
```
#5257d3
```
#5257d3 rgb(82,87,211)
```

Analogous Color

#d3cf52
```
#d3cf52 rgb(211,207,82)
```
#5297d3
```
#5297d3 rgb(82,151,211)
```
#d35257
```
#d35257 rgb(211,82,87)
```

Split Complementary Color

#97d352
```
#97d352 rgb(151,211,82)
```
#5297d3
```
#5297d3 rgb(82,151,211)
```
#d35297
```
#d35297 rgb(211,82,151)
```

Triadic Color

#52d38e
```
#52d38e rgb(82,211,142)
```
#5297d3
```
#5297d3 rgb(82,151,211)
```
#d35297
```
#d35297 rgb(211,82,151)
```
#d38e52
```
#d38e52 rgb(211,142,82)
```

Tetradic Color

#2c71ad
```
#2c71ad rgb(44,113,173)
```
#317ec1
```
#317ec1 rgb(49,126,193)
```
#3e8bce
```
#3e8bce rgb(62,139,206)
```
#5297d3
```
#5297d3 rgb(82,151,211)
```
#66a3d8
```
#66a3d8 rgb(102,163,216)
```
#7bafdd
```
#7bafdd rgb(123,175,221)
```
#8fbce3
```
#8fbce3 rgb(143,188,227)
```

Monochromatic Color

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

#52b7d3
```
#52b7d3 rgb(82,183,211)
```
#52add3
```
#52add3 rgb(82,173,211)
```
#52a2d3
```
#52a2d3 rgb(82,162,211)
```
#5297d3
```
#5297d3 rgb(82,151,211)
```
#528cd3
```
#528cd3 rgb(82,140,211)
```
#5282d3
```
#5282d3 rgb(82,130,211)
```
#5277d3
```
#5277d3 rgb(82,119,211)
```

Similar Colors

Text with hexadecimal color #5297d3

This text has a font color of #5297d3.

<span style="color:#5297d3;">Text here</span>

#5297d3 background color

This paragraph has a background color of #5297d3.

<p style="background-color:#5297d3;">Content here</p>

#5297d3 border color

This element has a border color of #5297d3.

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

CSS codes

.text {color:#5297d3;}

.background {background-color:#5297d3;}

.border {border:1px solid #5297d3;}

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, #040a0f is the darkest color, while #fefeff is the lightest one.

#040a0f
```
#040a0f rgb(4,10,15)
```
#08141e
```
#08141e rgb(8,20,30)
```
#0c1e2e
```
#0c1e2e rgb(12,30,46)
```
#10283e
```
#10283e rgb(16,40,62)
```
#14324d
```
#14324d rgb(20,50,77)
```
#183d5d
```
#183d5d rgb(24,61,93)
```
#1c476c
```
#1c476c rgb(28,71,108)
```
#20517c
```
#20517c rgb(32,81,124)
```
#245b8c
```
#245b8c rgb(36,91,140)
```
#28669b
```
#28669b rgb(40,102,155)
```
#2c70ab
```
#2c70ab rgb(44,112,171)
```
#2f7abb
```
#2f7abb rgb(47,122,187)
```
#3384ca
```
#3384ca rgb(51,132,202)
```

Shade Color Variation

#428ecf
```
#428ecf rgb(66,142,207)
```
#5297d3
```
#5297d3 rgb(82,151,211)
```
#62a0d7
```
#62a0d7 rgb(98,160,215)
```
#71aadb
```
#71aadb rgb(113,170,219)
```
#81b3df
```
#81b3df rgb(129,179,223)
```
#91bde3
```
#91bde3 rgb(145,189,227)
```
#a0c6e7
```
#a0c6e7 rgb(160,198,231)
```
#b0cfeb
```
#b0cfeb rgb(176,207,235)
```
#bfd9ef
```
#bfd9ef rgb(191,217,239)
```
#cfe2f3
```
#cfe2f3 rgb(207,226,243)
```
#dfecf7
```
#dfecf7 rgb(223,236,247)
```
#eef5fb
```
#eef5fb rgb(238,245,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9399 is the less saturated color, while #289afd is the most saturated one.

#8c9399
```
#8c9399 rgb(140,147,153)
```
#8494a1
```
#8494a1 rgb(132,148,161)
```
#7c94a9
```
#7c94a9 rgb(124,148,169)
```
#7395b2
```
#7395b2 rgb(115,149,178)
```
#6b95ba
```
#6b95ba rgb(107,149,186)
```
#6396c2
```
#6396c2 rgb(99,150,194)
```
#5a96cb
```
#5a96cb rgb(90,150,203)
```
#5297d3
```
#5297d3 rgb(82,151,211)
```
#4a98db
```
#4a98db rgb(74,152,219)
```
#4198e4
```
#4198e4 rgb(65,152,228)
```
#3999ec
```
#3999ec rgb(57,153,236)
```
#3199f4
```
#3199f4 rgb(49,153,244)
```
#289afd
```
#289afd rgb(40,154,253)
```

Tone Color Variation

Below, you can see how #5297d3 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

#898989 Achromatopsia 0.005% of the population
#7e8c98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8395d0 Protanopia 1% of men
#7996d7 Deuteranopia 1% of men
#44a3af Tritanopia 0.001% of the population

Trichromacy

#7196d1 Protanomaly 1% of men, 0.01% of women
#6b96d5 Deuteranomaly 6% of men, 0.4% of women
#499fbc Tritanomaly 0.01% of the population

#5297d3 hex color

#5297d3 Color Information

#5297d3 Color Conversion

Color Schemes with #5297d3

Alternatives to #5297d3

#5297d3 Preview

Shades and Tints of #5297d3

Tones of #5297d3

Color Blindness Simulator