Coloreminder home /

#7bead4 hex color

Palette My palette (0)    color name140 colors & names   Html & Css   Color Schemes   Bar chart   Image  
 GENERATE

#7bead4 hex color contains 48.24% of Red  91.76% of Green  83.14% of Blue. The Rgb value for #7bead4 is (123,234,212).  Its web safe color is #66ffcc (#6fc)
The CMYK color model (used in color printing) for #7bead4 is 47% Cyan 0% Magenta 9% Yellow 8% Black. The lightness is equal to 70%, the value of saturation is 73% and it has a hue angle of 168°.

HEXADECIMAL #7bead4clipboard RGB 123,234,212 rgb color
HSL 0.47,0.73,0.7 (168°,73%,70%) CMYK 47,0,9,8 cmyk color
HSV 168°,47°,92° CIE-LAB 85.911,-37.064,0.849
XYZ 49.475,67.81,72.768 DECIMAL 8121044
HUE SATURATION LIGHTNESS
color icon
10% clipboard
7,44,37
20% clipboard
14,88,73
30% clipboard
21,132,110
40% clipboard
28,176,147
50% clipboard
35,220,183
60% clipboard
79,227,198
70% clipboard
123,234,212
80% clipboard
167,241,226
90% clipboard
211,248,241

Color variation of #7bead4

70% clipboard
123,234,212

Color schemes of #7bead4

Complementary color

clipboard
123,234,212
clipboard
234,123,145
 

Analogous colors

clipboard
123,234,157
clipboard
123,234,212
clipboard
123,200,234
 

Triadic colors

clipboard
234,212,123
clipboard
123,234,212
clipboard
212,123,212

Monochromatic colors

clipboard
32,198,165
clipboard
35,220,183
clipboard
57,224,190
clipboard
79,227,198
clipboard
101,231,205
clipboard
123,234,212
clipboard
145,238,219
clipboard
167,241,226
clipboard
189,245,234
 

#7bead4 others options

Invert color

clipboard
123,234,212
clipboard
132,21,43
 

Grayscale color

palette
123,234,212
clipboard
198,198,198
 

Web Safe color

clipboard
123,234,212
clipboard
102,255,204
rgb RGB bar chart of #7bead4
rgb Cyan Magenta Yellow Black bar chart of #7bead4
HTML & CSS EXAMPLES
EXAMPLES WITH HEXADECIMAL value : #7bead4
Text with hexadecimal color : #7bead4 in <span> element
<span style="color:#7bead4;">Lorem ipsum dolor sit amet, consectetur adipiscing.</span>
Lorem ipsum dolor sit amet, consectetur adipiscing
A text and a border color : #7bead4
<div style="color:#7bead4;width:300px;height:50px;border:2px solid #7bead4;">Lorem ipsum dolor sit amet, consectetur adipiscing</div>
Lorem ipsum dolor sit amet, consectetur adipiscing
A rectangle with a background color #7bead4
<div style="background-color:#7bead4;width:300px;height:100px;"></div>
Code to create a css class and display #7bead4 text color
<html>
<head>
<style type="text/css">.example{ color:#7bead4;} </style>
</head>
<body>
<span class="example">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
</body>
</html>
Lorem ipsum dolor sit amet, consectetur adipiscing
Here is a box-shadow added to a <div> element
css3
<html>
<head>
<style type="text/css">
.example{ width: 300px; height: 100px;box-shadow: 5px 5px 3px #7bead4;background-color: #ffffff; }
</style>
</head>
<body>
<div class="example"></div>
</body>
</html>
EXAMPLES WITH RGB value : 123,234,212
A text with rgb color values as color code
<div style="color:rgb(123,234,212);">Lorem ipsum dolor sit amet, consectetur adipiscing</div>
Lorem ipsum dolor sit amet, consectetur adipiscing
A text with rgb and opacity 0.5, Range for opacity (0 -> 1)
css3
<div style="color:rgba(123,234,212,0.5);">Lorem ipsum dolor sit amet, consectetur adipiscing</div>
Lorem ipsum dolor sit amet, consectetur adipiscing
Rectangle with rgb bakground color
<div style="background-color:rgb(123,234,212);width:300px;height:100px;"></div>

#7bead4 color got : 48.24% of Red 91.76% of Green 83.14% of Blue that could be written like this
<div style="color:rgb(48.24%,91.76%,83.14%);">Lorem ipsum dolor sit amet, consectetur adipiscing</div>
Lorem ipsum dolor sit amet, consectetur adipiscing
EXAMPLES WITH HSL : 168,73%,70% and HSLA : 168,73%,70%,opacity
A text with hsl & hsla values. Opacity range : 0,1
css3
<html>
<head>
<style type="text/css">
.example{ color:hsl(168,73%,70%); }
.example_opacity{ color:hsla(168,73%,70%,0.5); }
</style>
</head>
<body>
<span class="example">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
<span class="example_opacity">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
</body>
</html>
Lorem ipsum dolor sit amet, consectetur adipiscing
Lorem ipsum dolor sit amet, consectetur adipiscing

More information about hsla can be found here
#7bead4 IMAGE GENERATOR


Width : pixels Height : pixels
save SAVE IMAGE #7bead4
This generator will generate an image with a background color #7bead4 that you can save to your computer. Just choose Width and Height of image.
Back to top of page