HTML Color Code Generator: #48D1CC
The current display color is #48d1cc, so all examples below have had their HTML color code generated using #48d1cc as the color.
Change Color
Select a new color to generate the HTML code necessary to include it into your HTML document.
Text Color
Here are examples of text color being set to #48d1cc
| Source Code | Result |
|---|---|
|
The color of this text is: #48D1CC. The color of this text is inherited from its containing block, but the text inside this 'span' tag has been changed to #48D1CC. The text inside this 'div' tag has a color of #48D1CC.
|
Background Color
| Source Code | Result |
|---|---|
|
The color of this paragraph is: #48D1CC. The background color of this text is inherited from its containing block, but the background color of this 'span' tag has been changed to #48D1CC. The background color of this 'div' tag is #48D1CC.
|
Border Color
| Source Code | Result |
|---|---|
|
This text has a border color of: #48D1CC. The border of this text is inherited from its containing block, but this 'span' tag has a border with a color of #48D1CC. The border color of this 'div' tag is #48D1CC.
|
Outline Color
An outline is similar to a border, except that the outline is not actually part of the element - it simply draws an "outline" around the element.
| Source Code | Result |
|---|---|
|
This text has an outline color of: #48D1CC. The outline of this text is inherited from its containing block, but this 'span' tag has an outline color of #48D1CC. The outline color of this 'div' tag is #48D1CC.
|
Color Code Chart
Pick a color from the chart to generate the HTML code for that color. Selecting a color will also change the background of the chart so that you can check how it looks against the other colors.
To select a color, click on the color name or its hexadecimal value.
The currently selected color (#48d1cc) is a hexadecimal value. Hexadecimal color codes are usually the best color values to use - as they are more compatible with browsers, operating systems, etc.