#fd7f61 Hex Color

Name	First value	Second Value	Third Value	Fourth Value	Written As
HEX	fd	7f	61	-	#fd7f61
RGB	253	127	97	-	rgb(253,127,97)
HSL	12	98%	69%	-	hsl(12,98%,69%)
HSV	12	62%	99%	-	hsv(12,62%,99%)
XYZ	50.2551	36.9245	15.7877	-	xyz(50.2551,36.9245,15.7877)
CIE-LAB	67.22	45.6	38.41	-	lab(67.22,45.6,38.41)
CMYK	0	0.49802371541502	0.61660079051383	0.0078431372549019	cmyk(0,0.49802371541502,0.61660079051383,0.0078431372549019)

Description

The RGB value of color #fd7f61 is rgb(253, 127, 97).

In the hex color #fd7f61, The value of Red is 253, value of Green is 127, and value of Blue is 97. The primary color is Red. Similarly, The HSL values for #fd7f61 consists of 12° Hue, 98% Saturation, and 69% Lightness.

In the CMYK color model, the color #fd7f61 can be represented as Cyan=0%, Magenta=0.49802371541502%, Yellow=0.61660079051383%, and Black=0.0078431372549019%.

Shades of #fd7f61

Shades in a color are variations of the color that are created by adding black to it which results in a darker tone.

fd7f61

e47257

ca664e

b15944

984c3a

7f4031

653327

4c261d

331913

190d0a

000000

Tints of #fd7f61

Tints in color are variations of a color that are created by adding white to it, resulting in a lighter tone.

fd7f61

fd8c71

fd9981

fea590

feb2a0

febfb0

feccc0

fed9d0

ffe5df

fff2ef

ffffff

Color Previews of #fd7f61

Preview of #fd7f61 on White Background

This is a sample text.

The contrast ratio of #fd7f61 with white color is 2.5

Preview of #fd7f61 on black background

This is a sample text.

The contrast ratio of #fd7f61 with black color is 8.38

#fd7f61 color will look good with a black background.

Color Schemes of #fd7f61

Triadic Colors of #fd7f61

Triadic colors are three colors that are evenly spaced around the color wheel and are therefore harmonious when used together in a design.

#fd7f61

#61fd7f

#7f61fd

Analogous Colors of #fd7f61

Analogous colors are colors that are next to each other on the color wheel and share a similar hue, creating a cohesive and harmonious color scheme.

#fd7f61

#fdcd61

#fd6191

Complementary Color of #fd7f61

Complementary colors are pairs of colors that are directly opposite each other on the color wheel, creating a high contrast and vibrant color scheme when used together.

#fd7f61

#61dffd

Monochromatic Colors of #fd7f61

Monochromatic colors are variations of a single color that are created by using different shades, tints, and tones of that color which results in a harmonious and cohesive color scheme.

#450e01

#8a1c02

#cf2a03

#fc471c

#fd7f61

#feb7a6

#ffefeb

Color Usage

You can set the css color of a text using:


                                    .class{
                                    color: #fd7f61;
                                    }

This is a sample text used for the color #fd7f61. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi sunt eveniet natus dolor minima, sit quaerat? Dignissimos unde alias debitis amet ducimus modi, eum quos ullam blanditiis aliquam necessitatibus ex.

You can set the css background color of a box using:


                                    .box{
                                    background-color: #fd7f61;
                                    }

This is a sample text used for the color #fd7f61. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi sunt eveniet natus dolor minima, sit quaerat? Dignissimos unde alias debitis amet ducimus modi, eum quos ullam blanditiis aliquam necessitatibus ex.

You can set the css border of a box using:


                                    .box{
                                    border:4px solid #fd7f61;
                                    }

This is a sample text used for the color #fd7f61. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi sunt eveniet natus dolor minima, sit quaerat? Dignissimos unde alias debitis amet ducimus modi, eum quos ullam blanditiis aliquam necessitatibus ex.

RGB Percentage

Red 53.04%

Green 26.62%

Blue 20.34%

CMYK Percentage

Cyan 0

Magenta 44.37%

Yellow 54.93%

Black 0.7%

Guess Color

Color Information

Description

Shades of #fd7f61

Tints of #fd7f61

Color Previews of #fd7f61

Preview of #fd7f61 on White Background

Preview of #fd7f61 on black background

Color Schemes of #fd7f61

Triadic Colors of #fd7f61

Analogous Colors of #fd7f61

Complementary Color of #fd7f61

Monochromatic Colors of #fd7f61

Color Usage

RGB Percentage

CMYK Percentage

Random Colors

Comments on this color