#f2d379 hex color

In a RGB color space, hex #f2d379 is composed of 94.9% red, 82.7% green and 47.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.8% magenta, 50% yellow and 5.1% black. It has a hue angle of 44.6 degrees, a saturation of 82.3% and a lightness of 71.2%. #f2d379 color hex could be obtained by blending #fffff2 with #e5a700. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 83
- B 47
RGB color chart
- C 0
- M 13
- Y 50
- K 5
CMYK color chart

● #f2d379 color description : Soft orange.

The hexadecimal color #f2d379 has RGB values of R:242, G:211, B:121 and CMYK values of C:0, M:0.13, Y:0.5, K:0.05. Its decimal value is 15913849.

Hex triplet	f2d379	`#f2d379`
RGB Decimal	242, 211, 121	`rgb(242,211,121)`
RGB Percent	94.9, 82.7, 47.5	`rgb(94.9%,82.7%,47.5%)`
CMYK	0, 13, 50, 5
HSL	44.6°, 82.3, 71.2	`hsl(44.6,82.3%,71.2%)`
HSV (or HSB)	44.6°, 50, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	85.427, -0.399, 48.218
XYZ	63.363, 66.848, 27.654
xyY	0.401, 0.423, 66.848
CIE-LCH	85.427, 48.22, 90.474
CIE-LUV	85.427, 25.251, 61.366
Hunter-Lab	81.761, -4.746, 37.179
Binary	11110010, 11010011, 01111001

#f2d379
```
#f2d379 rgb(242,211,121)
```
#7998f2
```
#7998f2 rgb(121,152,242)
```

Complementary Color

#f29779
```
#f29779 rgb(242,151,121)
```
#f2d379
```
#f2d379 rgb(242,211,121)
```
#d5f279
```
#d5f279 rgb(213,242,121)
```

Analogous Color

#9779f2
```
#9779f2 rgb(151,121,242)
```
#f2d379
```
#f2d379 rgb(242,211,121)
```
#79d5f2
```
#79d5f2 rgb(121,213,242)
```

Split Complementary Color

#d379f2
```
#d379f2 rgb(211,121,242)
```
#f2d379
```
#f2d379 rgb(242,211,121)
```
#79f2d3
```
#79f2d3 rgb(121,242,211)
```

Triadic Color

#f27998
```
#f27998 rgb(242,121,152)
```
#f2d379
```
#f2d379 rgb(242,211,121)
```
#79f2d3
```
#79f2d3 rgb(121,242,211)
```
#7998f2
```
#7998f2 rgb(121,152,242)
```

Tetradic Color

#ebbc33
```
#ebbc33 rgb(235,188,51)
```
#edc44b
```
#edc44b rgb(237,196,75)
```
#f0cb62
```
#f0cb62 rgb(240,203,98)
```
#f2d379
```
#f2d379 rgb(242,211,121)
```
#f4db90
```
#f4db90 rgb(244,219,144)
```
#f7e2a7
```
#f7e2a7 rgb(247,226,167)
```
#f9eabf
```
#f9eabf rgb(249,234,191)
```

Monochromatic Color

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

#f2b579
```
#f2b579 rgb(242,181,121)
```
#f2bf79
```
#f2bf79 rgb(242,191,121)
```
#f2c979
```
#f2c979 rgb(242,201,121)
```
#f2d379
```
#f2d379 rgb(242,211,121)
```
#f2dd79
```
#f2dd79 rgb(242,221,121)
```
#f2e779
```
#f2e779 rgb(242,231,121)
```
#f2f179
```
#f2f179 rgb(242,241,121)
```

Similar Colors

Text with hexadecimal color #f2d379

This text has a font color of #f2d379.

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

#f2d379 background color

This paragraph has a background color of #f2d379.

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

#f2d379 border color

This element has a border color of #f2d379.

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

CSS codes

.text {color:#f2d379;}

.background {background-color:#f2d379;}

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

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, #090701 is the darkest color, while #fefcf6 is the lightest one.

#090701
```
#090701 rgb(9,7,1)
```
#1b1503
```
#1b1503 rgb(27,21,3)
```
#2d2204
```
#2d2204 rgb(45,34,4)
```
#3f3006
```
#3f3006 rgb(63,48,6)
```
#513e08
```
#513e08 rgb(81,62,8)
```
#624c0a
```
#624c0a rgb(98,76,10)
```
#74590b
```
#74590b rgb(116,89,11)
```
#86670d
```
#86670d rgb(134,103,13)
```
#98750f
```
#98750f rgb(152,117,15)
```
#aa8310
```
#aa8310 rgb(170,131,16)
```
#bc9012
```
#bc9012 rgb(188,144,18)
```
#ce9e14
```
#ce9e14 rgb(206,158,20)
```
#e0ac16
```
#e0ac16 rgb(224,172,22)
```

Shade Color Variation

#e9b620
```
#e9b620 rgb(233,182,32)
```
#ebbc31
```
#ebbc31 rgb(235,188,49)
```
#edc143
```
#edc143 rgb(237,193,67)
```
#efc755
```
#efc755 rgb(239,199,85)
```
#f0cd67
```
#f0cd67 rgb(240,205,103)
```
#f2d379
```
#f2d379 rgb(242,211,121)
```
#f4d98b
```
#f4d98b rgb(244,217,139)
```
#f5df9d
```
#f5df9d rgb(245,223,157)
```
#f7e5af
```
#f7e5af rgb(247,229,175)
```
#f9eac1
```
#f9eac1 rgb(249,234,193)
```
#fbf0d2
```
#fbf0d2 rgb(251,240,210)
```
#fcf6e4
```
#fcf6e4 rgb(252,246,228)
```
#fefcf6
```
#fefcf6 rgb(254,252,246)
```

Tint Color Variation

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

#b9b7b2
```
#b9b7b2 rgb(185,183,178)
```
#bfbaac
```
#bfbaac rgb(191,186,172)
```
#c5bda6
```
#c5bda6 rgb(197,189,166)
```
#cac0a1
```
#cac0a1 rgb(202,192,161)
```
#d0c29b
```
#d0c29b rgb(208,194,155)
```
#d6c595
```
#d6c595 rgb(214,197,149)
```
#dbc890
```
#dbc890 rgb(219,200,144)
```
#e1cb8a
```
#e1cb8a rgb(225,203,138)
```
#e7cd84
```
#e7cd84 rgb(231,205,132)
```
#ecd07f
```
#ecd07f rgb(236,208,127)
```
#f2d379
```
#f2d379 rgb(242,211,121)
```
#f8d673
```
#f8d673 rgb(248,214,115)
```
#fdd96e
```
#fdd96e rgb(253,217,110)
```

Tone Color Variation

Below, you can see how #f2d379 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

#d2d2d2 Achromatopsia 0.005% of the population
#d8d2c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd780 Protanopia 1% of men
#ffcf91 Deuteranopia 1% of men
#fccad8 Tritanopia 0.001% of the population

Trichromacy

#edd57d Protanomaly 1% of men, 0.01% of women
#fad088 Deuteranomaly 6% of men, 0.4% of women
#f8cdb6 Tritanomaly 0.01% of the population

#f2d379 hex color

#f2d379 Color Information

#f2d379 Color Conversion

Color Schemes with #f2d379

Alternatives to #f2d379

#f2d379 Preview

Shades and Tints of #f2d379

Tones of #f2d379

Color Blindness Simulator