#f2d695 hex color

In a RGB color space, hex #f2d695 is composed of 94.9% red, 83.9% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.6% magenta, 38.4% yellow and 5.1% black. It has a hue angle of 41.9 degrees, a saturation of 78.2% and a lightness of 76.7%. #f2d695 color hex could be obtained by blending #ffffff with #e5ad2b. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 95
- G 84
- B 58
RGB color chart
- C 0
- M 12
- Y 38
- K 5
CMYK color chart

● #f2d695 color description : Very soft orange.

The hexadecimal color #f2d695 has RGB values of R:242, G:214, B:149 and CMYK values of C:0, M:0.12, Y:0.38, K:0.05. Its decimal value is 15914645.

Hex triplet	f2d695	`#f2d695`
RGB Decimal	242, 214, 149	`rgb(242,214,149)`
RGB Percent	94.9, 83.9, 58.4	`rgb(94.9%,83.9%,58.4%)`
CMYK	0, 12, 38, 5
HSL	41.9°, 78.2, 76.7	`hsl(41.9,78.2%,76.7%)`
HSV (or HSB)	41.9°, 38.4, 94.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	86.574, 0.832, 35.675
XYZ	66.089, 69.142, 38.297
xyY	0.381, 0.398, 69.142
CIE-LCH	86.574, 35.685, 88.665
CIE-LUV	86.574, 21.588, 47.854
Hunter-Lab	83.152, -3.644, 30.899
Binary	11110010, 11010110, 10010101

#f2d695
```
#f2d695 rgb(242,214,149)
```
#95b1f2
```
#95b1f2 rgb(149,177,242)
```

Complementary Color

#f2a895
```
#f2a895 rgb(242,168,149)
```
#f2d695
```
#f2d695 rgb(242,214,149)
```
#e0f295
```
#e0f295 rgb(224,242,149)
```

Analogous Color

#a895f2
```
#a895f2 rgb(168,149,242)
```
#f2d695
```
#f2d695 rgb(242,214,149)
```
#95e0f2
```
#95e0f2 rgb(149,224,242)
```

Split Complementary Color

#d695f2
```
#d695f2 rgb(214,149,242)
```
#f2d695
```
#f2d695 rgb(242,214,149)
```
#95f2d6
```
#95f2d6 rgb(149,242,214)
```

Triadic Color

#f295b1
```
#f295b1 rgb(242,149,177)
```
#f2d695
```
#f2d695 rgb(242,214,149)
```
#95f2d6
```
#95f2d6 rgb(149,242,214)
```
#95b1f2
```
#95b1f2 rgb(149,177,242)
```

Tetradic Color

#eabc51
```
#eabc51 rgb(234,188,81)
```
#ecc468
```
#ecc468 rgb(236,196,104)
```
#efcd7e
```
#efcd7e rgb(239,205,126)
```
#f2d695
```
#f2d695 rgb(242,214,149)
```
#f5dfac
```
#f5dfac rgb(245,223,172)
```
#f8e8c2
```
#f8e8c2 rgb(248,232,194)
```
#faf0d9
```
#faf0d9 rgb(250,240,217)
```

Monochromatic Color

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

#f2bf95
```
#f2bf95 rgb(242,191,149)
```
#f2c795
```
#f2c795 rgb(242,199,149)
```
#f2ce95
```
#f2ce95 rgb(242,206,149)
```
#f2d695
```
#f2d695 rgb(242,214,149)
```
#f2de95
```
#f2de95 rgb(242,222,149)
```
#f2e695
```
#f2e695 rgb(242,230,149)
```
#f2ed95
```
#f2ed95 rgb(242,237,149)
```

Similar Colors

Text with hexadecimal color #f2d695

This text has a font color of #f2d695.

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

#f2d695 background color

This paragraph has a background color of #f2d695.

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

#f2d695 border color

This element has a border color of #f2d695.

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

CSS codes

.text {color:#f2d695;}

.background {background-color:#f2d695;}

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

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, #100c02 is the darkest color, while #fffffe is the lightest one.

#100c02
```
#100c02 rgb(16,12,2)
```
#221904
```
#221904 rgb(34,25,4)
```
#332606
```
#332606 rgb(51,38,6)
```
#453308
```
#453308 rgb(69,51,8)
```
#563f0b
```
#563f0b rgb(86,63,11)
```
#684c0d
```
#684c0d rgb(104,76,13)
```
#79590f
```
#79590f rgb(121,89,15)
```
#8b6611
```
#8b6611 rgb(139,102,17)
```
#9c7313
```
#9c7313 rgb(156,115,19)
```
#ae8015
```
#ae8015 rgb(174,128,21)
```
#bf8d17
```
#bf8d17 rgb(191,141,23)
```
#d1991a
```
#d1991a rgb(209,153,26)
```
#e2a61c
```
#e2a61c rgb(226,166,28)
```

Shade Color Variation

#e5ad2c
```
#e5ad2c rgb(229,173,44)
```
#e7b43e
```
#e7b43e rgb(231,180,62)
```
#e9bb4f
```
#e9bb4f rgb(233,187,79)
```
#ecc261
```
#ecc261 rgb(236,194,97)
```
#eec872
```
#eec872 rgb(238,200,114)
```
#f0cf84
```
#f0cf84 rgb(240,207,132)
```
#f2d695
```
#f2d695 rgb(242,214,149)
```
#f4dda6
```
#f4dda6 rgb(244,221,166)
```
#f6e4b8
```
#f6e4b8 rgb(246,228,184)
```
#f8eac9
```
#f8eac9 rgb(248,234,201)
```
#fbf1db
```
#fbf1db rgb(251,241,219)
```
#fdf8ec
```
#fdf8ec rgb(253,248,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#c4c4c3
```
#c4c4c3 rgb(196,196,195)
```
#c9c6be
```
#c9c6be rgb(201,198,190)
```
#cdc7ba
```
#cdc7ba rgb(205,199,186)
```
#d2c9b5
```
#d2c9b5 rgb(210,201,181)
```
#d7cbb0
```
#d7cbb0 rgb(215,203,176)
```
#dbcdac
```
#dbcdac rgb(219,205,172)
```
#e0cfa7
```
#e0cfa7 rgb(224,207,167)
```
#e4d1a3
```
#e4d1a3 rgb(228,209,163)
```
#e9d29e
```
#e9d29e rgb(233,210,158)
```
#edd49a
```
#edd49a rgb(237,212,154)
```
#f2d695
```
#f2d695 rgb(242,214,149)
```
#f7d890
```
#f7d890 rgb(247,216,144)
```
#fbda8c
```
#fbda8c rgb(251,218,140)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#dcd7ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebda9b Protanopia 1% of men
#ffd2a4 Deuteranopia 1% of men
#facfdd Tritanopia 0.001% of the population

Trichromacy

#edd899 Protanomaly 1% of men, 0.01% of women
#fad49e Deuteranomaly 6% of men, 0.4% of women
#f7d1c3 Tritanomaly 0.01% of the population

#f2d695 hex color

#f2d695 Color Information

#f2d695 Color Conversion

Color Schemes with #f2d695

Alternatives to #f2d695

#f2d695 Preview

Shades and Tints of #f2d695

Tones of #f2d695

Color Blindness Simulator