breadcrumb
Gallery
Color Code Details
| HEX | #eeeeee | |
| RGB | (238, 238, 238); | |
| RGBA | (238, 238, 238, 1) | |
| HSL | (0, 0%, 93%); | |
| HSLA | (0, 0%, 93%, 1); | 
| HSV | 0,0,93 | |
| HSB | 0, 0, 93 | |
| HWB | 0 93% 7% | |
| CMYK | 0, 0, 0, 7 | |
| Pantone | 1895 C | 
Preview & Codes Examples
| Text Color with Gallery | |
| This Text has a Font Color of #eeeeee | |
| 
										
											.text {color:#eeeeee;}										
									 | |
| 
										
										.text {color:rgba(238, 238, 238, 1);}										
									 | |
| 
										
										.text {color:hsl(309, 100%, 3%);}										
									 | 
| Background Color Using Gallery | |
| This element has a background color of #eeeeee | |
| 
										
											.element {background-color:#eeeeee;}										
									 | |
| 
										
										.element {background-color:rgba(238, 238, 238, 1);}										
									 | |
| 
										
										.element {background-color:hsl(309, 100%, 3%);}										
									 | 
| Border Styling with Gallery | |
| This element has a border color of #eeeeee | |
| 
										
											.element {border:1px solid #eeeeee;}										
									 | |
| 
										
										.element {border:1px solid rgba(238, 238, 238, 1);}										
									 | |
| 
										
										.element {border:1px solid hsl(309, 100%, 3%);}										
									 | 
Preview & Variables
| CSS Variables | |
| 
										
											--variable: #eeeeee;										
									 | 
| Sass / SCSS | |
| 
										
										$variable: #eeeeee;										
									 | 
| Less | |
| 
										
											@variable: #eeeeee;										
									 | 
Similar Grey Shades You Might Like
Grey colors bring elegance, neutrality, and modernism. Great for minimal UI design, typography, and corporate branding. Explore more neutral tones for sophisticated layouts.