breadcrumb

Linen

Color Code Details

HEX #fdf6f1
RGB (253, 246, 241);
RGBA (253, 246, 241, 1)
HSL (25, 75%, 97%);
HSLA (25, 75%, 97%, 1);
HSV 25,4,99
HSB 25, 5, 99
HWB 25 95% 1%
CMYK 0, 3, 5, 1
Pantone 1895 C

Preview & Codes Examples

Text Color with Linen

This Text has a Font Color of #fdf6f1
.text {color:#fdf6f1;}
.text {color:rgba(253, 246, 241, 1);}
.text {color:hsl(309, 100%, 3%);}

Background Color Using Linen

This element has a background color of #fdf6f1
.element {background-color:#fdf6f1;}
.element {background-color:rgba(253, 246, 241, 1);}
.element {background-color:hsl(309, 100%, 3%);}

Border Styling with Linen

This element has a border color of #fdf6f1
.element {border:1px solid #fdf6f1;}
.element {border:1px solid rgba(253, 246, 241, 1);}
.element {border:1px solid hsl(309, 100%, 3%);}

Preview & Variables

CSS Variables

--variable: #fdf6f1;

Sass / SCSS

$variable: #fdf6f1;

Less

@variable: #fdf6f1;

Similar Orange Shades You Might Like

Orange hues express energy, warmth, and friendliness. Perfect for CTAs, food brands, and playful apps. Find more energetic orange tones for your UI palette.

Your Opinion Shapes our Colors.