#5297c4 hex color

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

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

● #5297c4 color description : Moderate blue.

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

Hex triplet	5297c4	`#5297c4`
RGB Decimal	82, 151, 196	`rgb(82,151,196)`
RGB Percent	32.2, 59.2, 76.9	`rgb(32.2%,59.2%,76.9%)`
CMYK	58, 23, 0, 23
HSL	203.7°, 49.1, 54.5	`hsl(203.7,49.1%,54.5%)`
HSV (or HSB)	203.7°, 58.2, 76.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.808, -8.517, -29.839
XYZ	24.508, 27.911, 56.317
xyY	0.225, 0.257, 27.911
CIE-LCH	59.808, 31.031, 254.069
CIE-LUV	59.808, -29.305, -45.068
Hunter-Lab	52.831, -9.65, -26.221
Binary	01010010, 10010111, 11000100

#5297c4
```
#5297c4 rgb(82,151,196)
```
#c47f52
```
#c47f52 rgb(196,127,82)
```

Complementary Color

#52c4b8
```
#52c4b8 rgb(82,196,184)
```
#5297c4
```
#5297c4 rgb(82,151,196)
```
#525ec4
```
#525ec4 rgb(82,94,196)
```

Analogous Color

#c4b852
```
#c4b852 rgb(196,184,82)
```
#5297c4
```
#5297c4 rgb(82,151,196)
```
#c4525e
```
#c4525e rgb(196,82,94)
```

Split Complementary Color

#97c452
```
#97c452 rgb(151,196,82)
```
#5297c4
```
#5297c4 rgb(82,151,196)
```
#c45297
```
#c45297 rgb(196,82,151)
```

Triadic Color

#52c47f
```
#52c47f rgb(82,196,127)
```
#5297c4
```
#5297c4 rgb(82,151,196)
```
#c45297
```
#c45297 rgb(196,82,151)
```
#c47f52
```
#c47f52 rgb(196,127,82)
```

Tetradic Color

#336f96
```
#336f96 rgb(51,111,150)
```
#3a7da9
```
#3a7da9 rgb(58,125,169)
```
#408bbc
```
#408bbc rgb(64,139,188)
```
#5297c4
```
#5297c4 rgb(82,151,196)
```
#65a2ca
```
#65a2ca rgb(101,162,202)
```
#78aed1
```
#78aed1 rgb(120,174,209)
```
#8bb9d7
```
#8bb9d7 rgb(139,185,215)
```

Monochromatic Color

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

#52b4c4
```
#52b4c4 rgb(82,180,196)
```
#52aac4
```
#52aac4 rgb(82,170,196)
```
#52a1c4
```
#52a1c4 rgb(82,161,196)
```
#5297c4
```
#5297c4 rgb(82,151,196)
```
#528ec4
```
#528ec4 rgb(82,142,196)
```
#5284c4
```
#5284c4 rgb(82,132,196)
```
#527bc4
```
#527bc4 rgb(82,123,196)
```

Similar Colors

Text with hexadecimal color #5297c4

This text has a font color of #5297c4.

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

#5297c4 background color

This paragraph has a background color of #5297c4.

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

#5297c4 border color

This element has a border color of #5297c4.

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

CSS codes

.text {color:#5297c4;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060d11
```
#060d11 rgb(6,13,17)
```
#0b1820
```
#0b1820 rgb(11,24,32)
```
#10222e
```
#10222e rgb(16,34,46)
```
#152d3d
```
#152d3d rgb(21,45,61)
```
#1a384c
```
#1a384c rgb(26,56,76)
```
#1f435a
```
#1f435a rgb(31,67,90)
```
#244e69
```
#244e69 rgb(36,78,105)
```
#295878
```
#295878 rgb(41,88,120)
```
#2e6386
```
#2e6386 rgb(46,99,134)
```
#336e95
```
#336e95 rgb(51,110,149)
```
#3879a3
```
#3879a3 rgb(56,121,163)
```
#3d84b2
```
#3d84b2 rgb(61,132,178)
```

Shade Color Variation

#438ebf
```
#438ebf rgb(67,142,191)
```
#5297c4
```
#5297c4 rgb(82,151,196)
```
#61a0c9
```
#61a0c9 rgb(97,160,201)
```
#6fa9ce
```
#6fa9ce rgb(111,169,206)
```
#7eb1d3
```
#7eb1d3 rgb(126,177,211)
```
#8dbad8
```
#8dbad8 rgb(141,186,216)
```
#9bc3dd
```
#9bc3dd rgb(155,195,221)
```
#aacce2
```
#aacce2 rgb(170,204,226)
```
#b8d5e7
```
#b8d5e7 rgb(184,213,231)
```
#c7ddec
```
#c7ddec rgb(199,221,236)
```
#d6e6f1
```
#d6e6f1 rgb(214,230,241)
```
#e4eff6
```
#e4eff6 rgb(228,239,246)
```
#f3f8fb
```
#f3f8fb rgb(243,248,251)
```

Tint Color Variation

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

#888c8e
```
#888c8e rgb(136,140,142)
```
#7f8e97
```
#7f8e97 rgb(127,142,151)
```
#768fa0
```
#768fa0 rgb(118,143,160)
```
#6d91a9
```
#6d91a9 rgb(109,145,169)
```
#6493b2
```
#6493b2 rgb(100,147,178)
```
#5b95bb
```
#5b95bb rgb(91,149,187)
```
#5297c4
```
#5297c4 rgb(82,151,196)
```
#4999cd
```
#4999cd rgb(73,153,205)
```
#409bd6
```
#409bd6 rgb(64,155,214)
```
#379ddf
```
#379ddf rgb(55,157,223)
```
#2e9fe8
```
#2e9fe8 rgb(46,159,232)
```
#25a0f1
```
#25a0f1 rgb(37,160,241)
```
#1ca2fa
```
#1ca2fa rgb(28,162,250)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7c8a93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8894c1 Protanopia 1% of men
#8394ca Deuteranopia 1% of men
#4da1ad Tritanopia 0.001% of the population

Trichromacy

#7495c2 Protanomaly 1% of men, 0.01% of women
#7195c7 Deuteranomaly 6% of men, 0.4% of women
#4e9db5 Tritanomaly 0.01% of the population

#5297c4 hex color

#5297c4 Color Information

#5297c4 Color Conversion

Color Schemes with #5297c4

Alternatives to #5297c4

#5297c4 Preview

Shades and Tints of #5297c4

Tones of #5297c4

Color Blindness Simulator