#58a2c0 hex color

In a RGB color space, hex #58a2c0 is composed of 34.5% red, 63.5% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 15.6% magenta, 0% yellow and 24.7% black. It has a hue angle of 197.3 degrees, a saturation of 45.2% and a lightness of 54.9%. #58a2c0 color hex could be obtained by blending #b0ffff with #004581. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 64
- B 75
RGB color chart
- C 54
- M 16
- Y 0
- K 25
CMYK color chart

● #58a2c0 color description : Moderate blue.

The hexadecimal color #58a2c0 has RGB values of R:88, G:162, B:192 and CMYK values of C:0.54, M:0.16, Y:0, K:0.25. Its decimal value is 5808832.

Hex triplet	58a2c0	`#58a2c0`
RGB Decimal	88, 162, 192	`rgb(88,162,192)`
RGB Percent	34.5, 63.5, 75.3	`rgb(34.5%,63.5%,75.3%)`
CMYK	54, 16, 0, 25
HSL	197.3°, 45.2, 54.9	`hsl(197.3,45.2%,54.9%)`
HSV (or HSB)	197.3°, 54.2, 75.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.11, -14.528, -22.492
XYZ	26.457, 31.719, 54.595
xyY	0.235, 0.281, 31.719
CIE-LCH	63.11, 26.776, 237.141
CIE-LUV	63.11, -31.954, -32.584
Hunter-Lab	56.32, -14.708, -18.05
Binary	01011000, 10100010, 11000000

#58a2c0
```
#58a2c0 rgb(88,162,192)
```
#c07658
```
#c07658 rgb(192,118,88)
```

Complementary Color

#58c0aa
```
#58c0aa rgb(88,192,170)
```
#58a2c0
```
#58a2c0 rgb(88,162,192)
```
#586ec0
```
#586ec0 rgb(88,110,192)
```

Analogous Color

#c0aa58
```
#c0aa58 rgb(192,170,88)
```
#58a2c0
```
#58a2c0 rgb(88,162,192)
```
#c0586e
```
#c0586e rgb(192,88,110)
```

Split Complementary Color

#a2c058
```
#a2c058 rgb(162,192,88)
```
#58a2c0
```
#58a2c0 rgb(88,162,192)
```
#c058a2
```
#c058a2 rgb(192,88,162)
```

Triadic Color

#58c076
```
#58c076 rgb(88,192,118)
```
#58a2c0
```
#58a2c0 rgb(88,162,192)
```
#c058a2
```
#c058a2 rgb(192,88,162)
```
#c07658
```
#c07658 rgb(192,118,88)
```

Tetradic Color

#387994
```
#387994 rgb(56,121,148)
```
#3f88a6
```
#3f88a6 rgb(63,136,166)
```
#4698b9
```
#4698b9 rgb(70,152,185)
```
#58a2c0
```
#58a2c0 rgb(88,162,192)
```
#6bacc7
```
#6bacc7 rgb(107,172,199)
```
#7db7ce
```
#7db7ce rgb(125,183,206)
```
#90c1d5
```
#90c1d5 rgb(144,193,213)
```

Monochromatic Color

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

#58bcc0
```
#58bcc0 rgb(88,188,192)
```
#58b3c0
```
#58b3c0 rgb(88,179,192)
```
#58abc0
```
#58abc0 rgb(88,171,192)
```
#58a2c0
```
#58a2c0 rgb(88,162,192)
```
#5899c0
```
#5899c0 rgb(88,153,192)
```
#5891c0
```
#5891c0 rgb(88,145,192)
```
#5888c0
```
#5888c0 rgb(88,136,192)
```

Similar Colors

Text with hexadecimal color #58a2c0

This text has a font color of #58a2c0.

<span style="color:#58a2c0;">Text here</span>

#58a2c0 background color

This paragraph has a background color of #58a2c0.

<p style="background-color:#58a2c0;">Content here</p>

#58a2c0 border color

This element has a border color of #58a2c0.

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

CSS codes

.text {color:#58a2c0;}

.background {background-color:#58a2c0;}

.border {border:1px solid #58a2c0;}

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

#010304
```
#010304 rgb(1,3,4)
```
#070f12
```
#070f12 rgb(7,15,18)
```
#0c1b20
```
#0c1b20 rgb(12,27,32)
```
#12262f
```
#12262f rgb(18,38,47)
```
#17323d
```
#17323d rgb(23,50,61)
```
#1c3e4b
```
#1c3e4b rgb(28,62,75)
```
#224959
```
#224959 rgb(34,73,89)
```
#275568
```
#275568 rgb(39,85,104)
```
#2c6176
```
#2c6176 rgb(44,97,118)
```
#326c84
```
#326c84 rgb(50,108,132)
```
#377892
```
#377892 rgb(55,120,146)
```
#3d84a1
```
#3d84a1 rgb(61,132,161)
```
#428faf
```
#428faf rgb(66,143,175)
```

Shade Color Variation

#4a9abb
```
#4a9abb rgb(74,154,187)
```
#58a2c0
```
#58a2c0 rgb(88,162,192)
```
#66aac5
```
#66aac5 rgb(102,170,197)
```
#74b2cb
```
#74b2cb rgb(116,178,203)
```
#83bad0
```
#83bad0 rgb(131,186,208)
```
#91c2d5
```
#91c2d5 rgb(145,194,213)
```
#9fcadb
```
#9fcadb rgb(159,202,219)
```
#add2e0
```
#add2e0 rgb(173,210,224)
```
#bcdae6
```
#bcdae6 rgb(188,218,230)
```
#cae1eb
```
#cae1eb rgb(202,225,235)
```
#d8e9f0
```
#d8e9f0 rgb(216,233,240)
```
#e6f1f6
```
#e6f1f6 rgb(230,241,246)
```
#f5f9fb
```
#f5f9fb rgb(245,249,251)
```

Tint Color Variation

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

#848f94
```
#848f94 rgb(132,143,148)
```
#7b939d
```
#7b939d rgb(123,147,157)
```
#7397a5
```
#7397a5 rgb(115,151,165)
```
#6a9bae
```
#6a9bae rgb(106,155,174)
```
#619eb7
```
#619eb7 rgb(97,158,183)
```
#58a2c0
```
#58a2c0 rgb(88,162,192)
```
#4fa6c9
```
#4fa6c9 rgb(79,166,201)
```
#46a9d2
```
#46a9d2 rgb(70,169,210)
```
#3daddb
```
#3daddb rgb(61,173,219)
```
#35b1e3
```
#35b1e3 rgb(53,177,227)
```
#2cb5ec
```
#2cb5ec rgb(44,181,236)
```
#23b8f5
```
#23b8f5 rgb(35,184,245)
```
#1abcfe
```
#1abcfe rgb(26,188,254)
```

Tone Color Variation

Below, you can see how #58a2c0 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
#849399 Atypical Achromatopsia 0.001% of the population

Dichromacy

#969cbc Protanopia 1% of men
#959bc7 Deuteranopia 1% of men
#5aa9b5 Tritanopia 0.001% of the population

Trichromacy

#7f9ebd Protanomaly 1% of men, 0.01% of women
#7e9dc4 Deuteranomaly 6% of men, 0.4% of women
#59a6b9 Tritanomaly 0.01% of the population

#58a2c0 hex color

#58a2c0 Color Information

#58a2c0 Color Conversion

Color Schemes with #58a2c0

Alternatives to #58a2c0

#58a2c0 Preview

Shades and Tints of #58a2c0

Tones of #58a2c0

Color Blindness Simulator