colorhexa.com

#f2cd7f hex color

In a RGB color space, hex #f2cd7f is composed of 94.9% red, 80.4% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.3% magenta, 47.5% yellow and 5.1% black. It has a hue angle of 40.7 degrees, a saturation of 81.6% and a lightness of 72.4%. #f2cd7f color hex could be obtained by blending #fffffe with #e59b00. Closest websafe color is: #ffcc66.

- R 95
- G 80
- B 50
RGB color chart
- C 0
- M 15
- Y 48
- K 5
CMYK color chart

● #f2cd7f color description : Soft orange.

The hexadecimal color #f2cd7f has RGB values of R:242, G:205, B:127 and CMYK values of C:0, M:0.15, Y:0.48, K:0.05. Its decimal value is 15912319.

Hex triplet	f2cd7f	`#f2cd7f`
RGB Decimal	242, 205, 127	`rgb(242,205,127)`
RGB Percent	94.9, 80.4, 49.8	`rgb(94.9%,80.4%,49.8%)`
CMYK	0, 15, 48, 5
HSL	40.7°, 81.6, 72.4	`hsl(40.7,81.6%,72.4%)`
HSV (or HSB)	40.7°, 47.5, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.004, 3.23, 43.499
XYZ	62.28, 64.074, 29.165
xyY	0.4, 0.412, 64.074
CIE-LCH	84.004, 43.619, 85.753
CIE-LUV	84.004, 28.845, 55.443
Hunter-Lab	80.046, -1.199, 34.43
Binary	11110010, 11001101, 01111111

#f2cd7f
```
#f2cd7f rgb(242,205,127)
```
#7fa4f2
```
#7fa4f2 rgb(127,164,242)
```

Complementary Color

#f2947f
```
#f2947f rgb(242,148,127)
```
#f2cd7f
```
#f2cd7f rgb(242,205,127)
```
#def27f
```
#def27f rgb(222,242,127)
```

Analogous Color

#947ff2
```
#947ff2 rgb(148,127,242)
```
#f2cd7f
```
#f2cd7f rgb(242,205,127)
```
#7fdef2
```
#7fdef2 rgb(127,222,242)
```

Split Complementary Color

#cd7ff2
```
#cd7ff2 rgb(205,127,242)
```
#f2cd7f
```
#f2cd7f rgb(242,205,127)
```
#7ff2cd
```
#7ff2cd rgb(127,242,205)
```

Triadic Color

#f27fa4
```
#f27fa4 rgb(242,127,164)
```
#f2cd7f
```
#f2cd7f rgb(242,205,127)
```
#7ff2cd
```
#7ff2cd rgb(127,242,205)
```
#7fa4f2
```
#7fa4f2 rgb(127,164,242)
```

Tetradic Color

#ebb23a
```
#ebb23a rgb(235,178,58)
```
#edbb51
```
#edbb51 rgb(237,187,81)
```
#f0c468
```
#f0c468 rgb(240,196,104)
```
#f2cd7f
```
#f2cd7f rgb(242,205,127)
```
#f4d696
```
#f4d696 rgb(244,214,150)
```
#f7dfad
```
#f7dfad rgb(247,223,173)
```
#f9e8c4
```
#f9e8c4 rgb(249,232,196)
```

Monochromatic Color

Below, you can see some colors close to #f2cd7f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#f2b07f
```
#f2b07f rgb(242,176,127)
```
#f2ba7f
```
#f2ba7f rgb(242,186,127)
```
#f2c37f
```
#f2c37f rgb(242,195,127)
```
#f2cd7f
```
#f2cd7f rgb(242,205,127)
```
#f2d77f
```
#f2d77f rgb(242,215,127)
```
#f2e07f
```
#f2e07f rgb(242,224,127)
```
#f2ea7f
```
#f2ea7f rgb(242,234,127)
```

Similar Colors

Text with hexadecimal color #f2cd7f

This text has a font color of #f2cd7f.

<span style="color:#f2cd7f;">Text here</span>

#f2cd7f background color

This paragraph has a background color of #f2cd7f.

<p style="background-color:#f2cd7f;">Content here</p>

#f2cd7f border color

This element has a border color of #f2cd7f.

<div style="border:1px solid #f2cd7f;">Content here</div>

CSS codes

.text {color:#f2cd7f;}

.background {background-color:#f2cd7f;}

.border {border:1px solid #f2cd7f;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0e0a01 is the darkest color, while #fffefc is the lightest one.

#0e0a01
```
#0e0a01 rgb(14,10,1)
```
#201703
```
#201703 rgb(32,23,3)
```
#322405
```
#322405 rgb(50,36,5)
```
#443007
```
#443007 rgb(68,48,7)
```
#563d09
```
#563d09 rgb(86,61,9)
```
#674a0b
```
#674a0b rgb(103,74,11)
```
#79560c
```
#79560c rgb(121,86,12)
```
#8b630e
```
#8b630e rgb(139,99,14)
```
#9d7010
```
#9d7010 rgb(157,112,16)
```
#af7c12
```
#af7c12 rgb(175,124,18)
```
#c18914
```
#c18914 rgb(193,137,20)
```
#d29615
```
#d29615 rgb(210,150,21)
```
#e4a217
```
#e4a217 rgb(228,162,23)
```

Shade Color Variation

#e9aa26
```
#e9aa26 rgb(233,170,38)
```
#ebb138
```
#ebb138 rgb(235,177,56)
```
#edb84a
```
#edb84a rgb(237,184,74)
```
#eebf5b
```
#eebf5b rgb(238,191,91)
```
#f0c66d
```
#f0c66d rgb(240,198,109)
```
#f2cd7f
```
#f2cd7f rgb(242,205,127)
```
#f4d491
```
#f4d491 rgb(244,212,145)
```
#f6dba3
```
#f6dba3 rgb(246,219,163)
```
#f7e2b4
```
#f7e2b4 rgb(247,226,180)
```
#f9e9c6
```
#f9e9c6 rgb(249,233,198)
```
#fbf0d8
```
#fbf0d8 rgb(251,240,216)
```
#fdf7ea
```
#fdf7ea rgb(253,247,234)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #bcbab5 is the less saturated color, while #fdd174 is the most saturated one.

#bcbab5
```
#bcbab5 rgb(188,186,181)
```
#c1bcb0
```
#c1bcb0 rgb(193,188,176)
```
#c7beaa
```
#c7beaa rgb(199,190,170)
```
#ccbfa5
```
#ccbfa5 rgb(204,191,165)
```
#d1c1a0
```
#d1c1a0 rgb(209,193,160)
```
#d7c39a
```
#d7c39a rgb(215,195,154)
```
#dcc595
```
#dcc595 rgb(220,197,149)
```
#e2c78f
```
#e2c78f rgb(226,199,143)
```
#e7c98a
```
#e7c98a rgb(231,201,138)
```
#edcb84
```
#edcb84 rgb(237,203,132)
```
#f2cd7f
```
#f2cd7f rgb(242,205,127)
```
#f7cf7a
```
#f7cf7a rgb(247,207,122)
```
#fdd174
```
#fdd174 rgb(253,209,116)
```

Tone Color Variation

Below, you can see how #f2cd7f is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#cfcfcf Achromatopsia 0.005% of the population
#d6cfbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d387 Protanopia 1% of men
#feca87 Deuteranopia 1% of men
#fbc5d3 Tritanopia 0.001% of the population

Trichromacy

#ead184 Protanomaly 1% of men, 0.01% of women
#f9cb84 Deuteranomaly 6% of men, 0.4% of women
#f7c8b4 Tritanomaly 0.01% of the population