#58B0B0 Hexadecimal color code
#58B0B0 Hex Color Information
The #58B0B0 hex color is represented by the (88,176,176) RGB color. It is composed of 34.5% red, 69% green and 69% blue. In the CMYK colorspace (Process color), its composition is 50% cyan, 0% magenta, 0% yellow and 30.98% black (Key). In its HSL representation (Cylindrical-coordinates), it has a hue angle of 180 degrees, a saturation of 35.8% and a lightness of 51.8%. #58B0B0 websafe color is #669999.
|RGB Decimal||88, 176, 176|
|RGB Percent||34.5%, 69%, 69%|
|CMYK||50, 0, 0, 30.98|
|HSL||180°, 35.772%, 51.765%|
|HSV||180°, 50%, 69%|
|WebSafe Decimal||102, 153, 153|
|XYZ||27.386, 36.26, 46.63|
|CIE-LAB||66.718, -26.299, -8.135|
|Yxy||36.26, 0.248, 0.329|
#58B0B0 Color charts
RGB color chart for #58B0B0
CMYK color chart for #58B0B0
Shades of #58B0B0
A shade is obtained by adding black to the original color, which reduces its lightness. To know more about shades, you can go to the color theory shade section.
Tints of #58B0B0
A tint is obtained by adding white to the original color, which increases its lightness. To know more about tints, you can go to the color theory tint section.
Tones of #58B0B0
A tone is obtained by adding gray to the original color. To know more about tones, you can go to the color theory tone section.
Color Schemes with #58B0B0
Color Schemes are part of the color harmony domain. They are simple concepts that explains how to pick together harmonious colors. Below are some schemes for the #58B0B0 color.
Similar colors to #58B0B0
Below are some similar colors to #58B0B0.
#58B0B0 color preview on black background
A color sometimes looks different when it's surrounded by other colours. To help you see how the #58B0B0 hex color may look on different backgrounds, we're showing it to you on a black background.
#58B0B0 text on a black background
#58B0B0 color preview on white background
And the #58B0B0 colour on a white background.
#58B0B0 text on a white background
#58B0B0 Color CSS Codes
To use the #58B0B0 hex color on your website, you will find some CSS code samples that will help you. The sample css codes will show you how to use font color, link color, background color and border color.
#58B0B0 CSS Background color
This element has a background color of #58B0B0
<p style="background-color:#58B0B0;">Content here</p>
#58B0B0 CSS Border Color
This element has a border color of #58B0B0
<div style="border:1px solid #58B0B0;">Content here</div>
#58B0B0 CSS Text Font Color
This text has a font color of #58B0B0
<span style="color:#58B0B0;">Text here</span>
#58B0B0 CSS Link Color
This link has a color of #58B0B0
<a style="color:#58B0B0;">Link here</a>