breadcrumb
Alabaster
How Alabaster is Used |
| imply common sensestabilizesuppress emotionswarmth |
Industries that Commonly Use Alabaster |
| agricultureconstructionfoodlegaltransportation |
Color Code Details
| HEX | #f4ede4 | |
| RGB | (244, 237, 228); | |
| RGBA | (244, 237, 228, 1) | |
| HSL | (34, 42%, 93%); | |
| HSLA | (34, 42%, 93%, 1); |
| HSV | 33,6,95 | |
| HSB | 34, 7, 96 | |
| HWB | 33 89% 4% | |
| CMYK | 0, 3, 7, 4 | |
| Pantone | 1895 C |
Preview & Codes Examples
Text Color with Alabaster |
|
| This Text has a Font Color of #f4ede4 | |
.text {color:#f4ede4;}
|
|
.text {color:rgba(244, 237, 228, 1);}
|
|
.text {color:hsl(309, 100%, 3%);}
|
Background Color Using Alabaster |
|
.element {background-color:#f4ede4;}
|
|
.element {background-color:rgba(244, 237, 228, 1);}
|
|
.element {background-color:hsl(309, 100%, 3%);}
|
Border Styling with Alabaster |
|
| This element has a border color of #f4ede4 | |
.element {border:1px solid #f4ede4;}
|
|
.element {border:1px solid rgba(244, 237, 228, 1);}
|
|
.element {border:1px solid hsl(309, 100%, 3%);}
|
Preview & Variables
CSS Variables |
|
--variable: #f4ede4;
|
Sass / SCSS |
|
$variable: #f4ede4;
|
Less |
|
@variable: #f4ede4;
|
Similar Brown Shades You Might Like
Brown tones convey warmth, stability, and earthiness. Commonly used in organic branding, coffee shops, and natural product designs. Discover similar cozy browns for your palette.