#58a4be hex color

In a RGB color space, hex #58a4be is composed of 34.5% red, 64.3% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 13.7% magenta, 0% yellow and 25.5% black. It has a hue angle of 195.3 degrees, a saturation of 44% and a lightness of 54.5%. #58a4be color hex could be obtained by blending #b0ffff with #00497d. Closest websafe color is: #6699cc.

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

● #58a4be color description : Moderate blue.

The hexadecimal color #58a4be has RGB values of R:88, G:164, B:190 and CMYK values of C:0.54, M:0.14, Y:0, K:0.25. Its decimal value is 5809342.

Hex triplet	58a4be	`#58a4be`
RGB Decimal	88, 164, 190	`rgb(88,164,190)`
RGB Percent	34.5, 64.3, 74.5	`rgb(34.5%,64.3%,74.5%)`
CMYK	54, 14, 0, 25
HSL	195.3°, 44, 54.5	`hsl(195.3,44%,54.5%)`
HSV (or HSB)	195.3°, 53.7, 74.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.624, -16.189, -20.589
XYZ	26.592, 32.342, 53.554
xyY	0.236, 0.288, 32.342
CIE-LCH	63.624, 26.191, 231.823
CIE-LUV	63.624, -32.79, -29.307
Hunter-Lab	56.87, -16.057, -16.024
Binary	01011000, 10100100, 10111110

#58a4be
```
#58a4be rgb(88,164,190)
```
#be7258
```
#be7258 rgb(190,114,88)
```

Complementary Color

#58bea5
```
#58bea5 rgb(88,190,165)
```
#58a4be
```
#58a4be rgb(88,164,190)
```
#5871be
```
#5871be rgb(88,113,190)
```

Analogous Color

#bea558
```
#bea558 rgb(190,165,88)
```
#58a4be
```
#58a4be rgb(88,164,190)
```
#be5871
```
#be5871 rgb(190,88,113)
```

Split Complementary Color

#a4be58
```
#a4be58 rgb(164,190,88)
```
#58a4be
```
#58a4be rgb(88,164,190)
```
#be58a4
```
#be58a4 rgb(190,88,164)
```

Triadic Color

#58be72
```
#58be72 rgb(88,190,114)
```
#58a4be
```
#58a4be rgb(88,164,190)
```
#be58a4
```
#be58a4 rgb(190,88,164)
```
#be7258
```
#be7258 rgb(190,114,88)
```

Tetradic Color

#387a91
```
#387a91 rgb(56,122,145)
```
#408aa3
```
#408aa3 rgb(64,138,163)
```
#4799b6
```
#4799b6 rgb(71,153,182)
```
#58a4be
```
#58a4be rgb(88,164,190)
```
#6aaec5
```
#6aaec5 rgb(106,174,197)
```
#7db8cc
```
#7db8cc rgb(125,184,204)
```
#8fc2d3
```
#8fc2d3 rgb(143,194,211)
```

Monochromatic Color

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

#58bebe
```
#58bebe rgb(88,190,190)
```
#58b5be
```
#58b5be rgb(88,181,190)
```
#58adbe
```
#58adbe rgb(88,173,190)
```
#58a4be
```
#58a4be rgb(88,164,190)
```
#589cbe
```
#589cbe rgb(88,156,190)
```
#5893be
```
#5893be rgb(88,147,190)
```
#588bbe
```
#588bbe rgb(88,139,190)
```

Similar Colors

Text with hexadecimal color #58a4be

This text has a font color of #58a4be.

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

#58a4be background color

This paragraph has a background color of #58a4be.

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

#58a4be border color

This element has a border color of #58a4be.

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

CSS codes

.text {color:#58a4be;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#060e11
```
#060e11 rgb(6,14,17)
```
#0c1a1f
```
#0c1a1f rgb(12,26,31)
```
#11262d
```
#11262d rgb(17,38,45)
```
#17323b
```
#17323b rgb(23,50,59)
```
#1c3e49
```
#1c3e49 rgb(28,62,73)
```
#224a57
```
#224a57 rgb(34,74,87)
```
#275665
```
#275665 rgb(39,86,101)
```
#2d6173
```
#2d6173 rgb(45,97,115)
```
#326d82
```
#326d82 rgb(50,109,130)
```
#387990
```
#387990 rgb(56,121,144)
```
#3d859e
```
#3d859e rgb(61,133,158)
```
#4391ac
```
#4391ac rgb(67,145,172)
```

Shade Color Variation

#4a9cb9
```
#4a9cb9 rgb(74,156,185)
```
#58a4be
```
#58a4be rgb(88,164,190)
```
#66acc3
```
#66acc3 rgb(102,172,195)
```
#74b3c9
```
#74b3c9 rgb(116,179,201)
```
#82bbce
```
#82bbce rgb(130,187,206)
```
#90c3d4
```
#90c3d4 rgb(144,195,212)
```
#9fcad9
```
#9fcad9 rgb(159,202,217)
```
#add2df
```
#add2df rgb(173,210,223)
```
#bbdae4
```
#bbdae4 rgb(187,218,228)
```
#c9e2ea
```
#c9e2ea rgb(201,226,234)
```
#d7e9ef
```
#d7e9ef rgb(215,233,239)
```
#e5f1f5
```
#e5f1f5 rgb(229,241,245)
```
#f3f9fa
```
#f3f9fa rgb(243,249,250)
```

Tint Color Variation

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

#858e91
```
#858e91 rgb(133,142,145)
```
#7c939a
```
#7c939a rgb(124,147,154)
```
#7397a3
```
#7397a3 rgb(115,151,163)
```
#6a9bac
```
#6a9bac rgb(106,155,172)
```
#61a0b5
```
#61a0b5 rgb(97,160,181)
```
#58a4be
```
#58a4be rgb(88,164,190)
```
#4fa8c7
```
#4fa8c7 rgb(79,168,199)
```
#46add0
```
#46add0 rgb(70,173,208)
```
#3db1d9
```
#3db1d9 rgb(61,177,217)
```
#34b5e2
```
#34b5e2 rgb(52,181,226)
```
#2bbaeb
```
#2bbaeb rgb(43,186,235)
```
#22bef4
```
#22bef4 rgb(34,190,244)
```
#1ac3fc
```
#1ac3fc rgb(26,195,252)
```

Tone Color Variation

Below, you can see how #58a4be 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

#909090 Achromatopsia 0.005% of the population
#859499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999eba Protanopia 1% of men
#989cc5 Deuteranopia 1% of men
#5baab7 Tritanopia 0.001% of the population

Trichromacy

#81a0bb Protanomaly 1% of men, 0.01% of women
#819fc3 Deuteranomaly 6% of men, 0.4% of women
#5aa8b9 Tritanomaly 0.01% of the population

#58a4be hex color

#58a4be Color Information

#58a4be Color Conversion

Color Schemes with #58a4be

Alternatives to #58a4be

#58a4be Preview

Shades and Tints of #58a4be

Tones of #58a4be

Color Blindness Simulator