Color spaces of #cafcf0
| RGB | 202 | 252 | 240 |
|---|---|---|---|
| HSL | 0.46 | 0.89 | 0.89 |
| HSV | 166° | 20° | 99° |
| CMYK | 0.20 | 0.00 | 0.05 0.01 |
| XYZ | 74.8957 | 88.4686 | 95.5668 |
| Yxy | 88.4686 | 0.2892 | 0.3417 |
| Hunter Lab | 94.0577 | -22.4662 | 5.5992 |
| CIE-Lab | 95.3579 | -18.1673 | 0.5066 |
#cafcf0 color RGB value is (202,252,240).
#cafcf0 hex color red value is 202, green value is 252 and the blue value of its RGB is 240. Cylindrical-coordinate representations (also known as HSL) of color #cafcf0 hue: 0.46 , saturation: 0.89 and the lightness value of cafcf0 is 0.89.
The process color (four color CMYK) of #cafcf0 color hex is 0.20, 0.00, 0.05, 0.01. Web safe color of #cafcf0 is #ccffff. Color #cafcf0 contains mainly GREEN color.
Base Numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11001010 | 11111100 | 11110000 |
| Octal | 312 | 374 | 360 |
| Decimal | 202 | 252 | 240 |
| Hex | CA | FC | F0 |
Shades of #cafcf0
Tints of #cafcf0
RGB Percentages of Color #cafcf0
CMYK Percentages of Color #cafcf0
Complementary Color
| #cafcf0 | #fccad6 |
#cafcf0 Color Preview on Black Background
Lorem ipsum dolor sit amet.
#cafcf0 Color Preview on White Background
Lorem ipsum dolor sit amet.
#cafcf0 Color CSS Codes
.mybgcolor {background-color:#cafcf0; }
.myforecolor {color:#cafcf0; }
.mybordercolor {border:3px solid #cafcf0; }
#cafcf0 Text Font Color
<p style="color:#cafcf0">Text here</p>
This sample text font color is #cafcf0
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
#cafcf0 Background Color
<div style="background-color:#cafcf0">
Div content here</div>
This div background color is #cafcf0
#cafcf0 Border Color
<div style="border:3px solid #cafcf0">
Div here</div>
This div border color is #cafcf0
Css3 Examples
.textShadowRgb {
text-shadow: 4px 4px 2px rgba(202,252,240, 0.8); }
.textShadowHex {
text-shadow: 4px 4px 2px #cafcf0; }
.divShadow {
-moz-box-shadow: 1px 1px 3px 2px #cafcf0;
-webkit-box-shadow: 1px 1px 3px 2px #cafcf0;
box-shadow: 1px 1px 3px 2px #cafcf0; }
Text Shadow with RGB Values
<p style="text-shadow: 4px 4px 2px rgba(202,252,240, 0.8);">Text here</p>
This text has shadow with rgb values.
Text Shadow with Hex Values
<p style="text-shadow: 4px 4px 2px #cafcf0">Text here</p>
This text has shadow with hex values.
Div Box Shadow
<div style="-moz-box-shadow: 1px 1px 3px 2px #cafcf0; -webkit-box-shadow: 1px 1px 3px 2px #cafcf0; box-shadow: 1px 1px 3px 2px #cafcf0;">
Div content here</div>
This div box has shadow with color #cafcf0
Comments
No comments written yet.
Please login to write comment.