#52a3c4 hex color

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

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

● #52a3c4 color description : Moderate blue.

The hexadecimal color #52a3c4 has RGB values of R:82, G:163, B:196 and CMYK values of C:0.58, M:0.17, Y:0, K:0.23. Its decimal value is 5415876.

Hex triplet	52a3c4	`#52a3c4`
RGB Decimal	82, 163, 196	`rgb(82,163,196)`
RGB Percent	32.2, 63.9, 76.9	`rgb(32.2%,63.9%,76.9%)`
CMYK	58, 17, 0, 23
HSL	197.4°, 49.1, 54.5	`hsl(197.4,49.1%,54.5%)`
HSV (or HSB)	197.4°, 58.2, 76.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.32, -15.096, -24.425
XYZ	26.538, 31.972, 56.994
xyY	0.23, 0.277, 31.972
CIE-LCH	63.32, 28.714, 238.282
CIE-LUV	63.32, -33.802, -35.697
Hunter-Lab	56.544, -15.175, -20.182
Binary	01010010, 10100011, 11000100

#52a3c4
```
#52a3c4 rgb(82,163,196)
```
#c47352
```
#c47352 rgb(196,115,82)
```

Complementary Color

#52c4ac
```
#52c4ac rgb(82,196,172)
```
#52a3c4
```
#52a3c4 rgb(82,163,196)
```
#526ac4
```
#526ac4 rgb(82,106,196)
```

Analogous Color

#c4ac52
```
#c4ac52 rgb(196,172,82)
```
#52a3c4
```
#52a3c4 rgb(82,163,196)
```
#c4526a
```
#c4526a rgb(196,82,106)
```

Split Complementary Color

#a3c452
```
#a3c452 rgb(163,196,82)
```
#52a3c4
```
#52a3c4 rgb(82,163,196)
```
#c452a3
```
#c452a3 rgb(196,82,163)
```

Triadic Color

#52c473
```
#52c473 rgb(82,196,115)
```
#52a3c4
```
#52a3c4 rgb(82,163,196)
```
#c452a3
```
#c452a3 rgb(196,82,163)
```
#c47352
```
#c47352 rgb(196,115,82)
```

Tetradic Color

#337a96
```
#337a96 rgb(51,122,150)
```
#3a89a9
```
#3a89a9 rgb(58,137,169)
```
#4098bc
```
#4098bc rgb(64,152,188)
```
#52a3c4
```
#52a3c4 rgb(82,163,196)
```
#65adca
```
#65adca rgb(101,173,202)
```
#78b7d1
```
#78b7d1 rgb(120,183,209)
```
#8bc1d7
```
#8bc1d7 rgb(139,193,215)
```

Monochromatic Color

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

#52c0c4
```
#52c0c4 rgb(82,192,196)
```
#52b6c4
```
#52b6c4 rgb(82,182,196)
```
#52adc4
```
#52adc4 rgb(82,173,196)
```
#52a3c4
```
#52a3c4 rgb(82,163,196)
```
#529ac4
```
#529ac4 rgb(82,154,196)
```
#5290c4
```
#5290c4 rgb(82,144,196)
```
#5287c4
```
#5287c4 rgb(82,135,196)
```

Similar Colors

Text with hexadecimal color #52a3c4

This text has a font color of #52a3c4.

<span style="color:#52a3c4;">Text here</span>

#52a3c4 background color

This paragraph has a background color of #52a3c4.

<p style="background-color:#52a3c4;">Content here</p>

#52a3c4 border color

This element has a border color of #52a3c4.

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

CSS codes

.text {color:#52a3c4;}

.background {background-color:#52a3c4;}

.border {border:1px solid #52a3c4;}

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

#010203
```
#010203 rgb(1,2,3)
```
#060e11
```
#060e11 rgb(6,14,17)
```
#0b1a20
```
#0b1a20 rgb(11,26,32)
```
#10262e
```
#10262e rgb(16,38,46)
```
#15313d
```
#15313d rgb(21,49,61)
```
#1a3d4c
```
#1a3d4c rgb(26,61,76)
```
#1f495a
```
#1f495a rgb(31,73,90)
```
#245569
```
#245569 rgb(36,85,105)
```
#296178
```
#296178 rgb(41,97,120)
```
#2e6d86
```
#2e6d86 rgb(46,109,134)
```
#337895
```
#337895 rgb(51,120,149)
```
#3884a3
```
#3884a3 rgb(56,132,163)
```
#3d90b2
```
#3d90b2 rgb(61,144,178)
```

Shade Color Variation

#439bbf
```
#439bbf rgb(67,155,191)
```
#52a3c4
```
#52a3c4 rgb(82,163,196)
```
#61abc9
```
#61abc9 rgb(97,171,201)
```
#6fb3ce
```
#6fb3ce rgb(111,179,206)
```
#7ebad3
```
#7ebad3 rgb(126,186,211)
```
#8dc2d8
```
#8dc2d8 rgb(141,194,216)
```
#9bcadd
```
#9bcadd rgb(155,202,221)
```
#aad2e2
```
#aad2e2 rgb(170,210,226)
```
#b8d9e7
```
#b8d9e7 rgb(184,217,231)
```
#c7e1ec
```
#c7e1ec rgb(199,225,236)
```
#d6e9f1
```
#d6e9f1 rgb(214,233,241)
```
#e4f1f6
```
#e4f1f6 rgb(228,241,246)
```
#f3f9fb
```
#f3f9fb rgb(243,249,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 #1cbafa is the most saturated one.

#888c8e
```
#888c8e rgb(136,140,142)
```
#7f9097
```
#7f9097 rgb(127,144,151)
```
#7694a0
```
#7694a0 rgb(118,148,160)
```
#6d98a9
```
#6d98a9 rgb(109,152,169)
```
#649bb2
```
#649bb2 rgb(100,155,178)
```
#5b9fbb
```
#5b9fbb rgb(91,159,187)
```
#52a3c4
```
#52a3c4 rgb(82,163,196)
```
#49a7cd
```
#49a7cd rgb(73,167,205)
```
#40abd6
```
#40abd6 rgb(64,171,214)
```
#37aedf
```
#37aedf rgb(55,174,223)
```
#2eb2e8
```
#2eb2e8 rgb(46,178,232)
```
#25b6f1
```
#25b6f1 rgb(37,182,241)
```
#1cbafa
```
#1cbafa rgb(28,186,250)
```

Tone Color Variation

Below, you can see how #52a3c4 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

#8f8f8f Achromatopsia 0.005% of the population
#83939a Atypical Achromatopsia 0.001% of the population

Dichromacy

#959dc0 Protanopia 1% of men
#939ccb Deuteranopia 1% of men
#52aab7 Tritanopia 0.001% of the population

Trichromacy

#7d9fc1 Protanomaly 1% of men, 0.01% of women
#7b9ec8 Deuteranomaly 6% of men, 0.4% of women
#52a7bb Tritanomaly 0.01% of the population

#52a3c4 hex color

#52a3c4 Color Information

#52a3c4 Color Conversion

Color Schemes with #52a3c4

Alternatives to #52a3c4

#52a3c4 Preview

Shades and Tints of #52a3c4

Tones of #52a3c4

Color Blindness Simulator