#f2d254 hex color

In a RGB color space, hex #f2d254 is composed of 94.9% red, 82.4% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.2% magenta, 65.3% yellow and 5.1% black. It has a hue angle of 47.8 degrees, a saturation of 85.9% and a lightness of 63.9%. #f2d254 color hex could be obtained by blending #ffffa8 with #e5a500. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 82
- B 33
RGB color chart
- C 0
- M 13
- Y 65
- K 5
CMYK color chart

● #f2d254 color description : Soft yellow.

The hexadecimal color #f2d254 has RGB values of R:242, G:210, B:84 and CMYK values of C:0, M:0.13, Y:0.65, K:0.05. Its decimal value is 15913556.

Hex triplet	f2d254	`#f2d254`
RGB Decimal	242, 210, 84	`rgb(242,210,84)`
RGB Percent	94.9, 82.4, 32.9	`rgb(94.9%,82.4%,32.9%)`
CMYK	0, 13, 65, 5
HSL	47.8°, 85.9, 63.9	`hsl(47.8,85.9%,63.9%)`
HSV (or HSB)	47.8°, 65.3, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.798, -2.564, 64.382
XYZ	61.265, 65.613, 17.825
xyY	0.423, 0.453, 65.613
CIE-LCH	84.798, 64.433, 92.281
CIE-LUV	84.798, 27.736, 76.084
Hunter-Lab	81.002, -6.745, 43.654
Binary	11110010, 11010010, 01010100

#f2d254
```
#f2d254 rgb(242,210,84)
```
#5474f2
```
#5474f2 rgb(84,116,242)
```

Complementary Color

#f28354
```
#f28354 rgb(242,131,84)
```
#f2d254
```
#f2d254 rgb(242,210,84)
```
#c3f254
```
#c3f254 rgb(195,242,84)
```

Analogous Color

#8354f2
```
#8354f2 rgb(131,84,242)
```
#f2d254
```
#f2d254 rgb(242,210,84)
```
#54c3f2
```
#54c3f2 rgb(84,195,242)
```

Split Complementary Color

#d254f2
```
#d254f2 rgb(210,84,242)
```
#f2d254
```
#f2d254 rgb(242,210,84)
```
#54f2d2
```
#54f2d2 rgb(84,242,210)
```

Triadic Color

#f25474
```
#f25474 rgb(242,84,116)
```
#f2d254
```
#f2d254 rgb(242,210,84)
```
#54f2d2
```
#54f2d2 rgb(84,242,210)
```
#5474f2
```
#5474f2 rgb(84,116,242)
```

Tetradic Color

#e8bc12
```
#e8bc12 rgb(232,188,18)
```
#eec625
```
#eec625 rgb(238,198,37)
```
#f0cc3c
```
#f0cc3c rgb(240,204,60)
```
#f2d254
```
#f2d254 rgb(242,210,84)
```
#f4d86c
```
#f4d86c rgb(244,216,108)
```
#f6de83
```
#f6de83 rgb(246,222,131)
```
#f7e59b
```
#f7e59b rgb(247,229,155)
```

Monochromatic Color

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

#f2ab54
```
#f2ab54 rgb(242,171,84)
```
#f2b854
```
#f2b854 rgb(242,184,84)
```
#f2c554
```
#f2c554 rgb(242,197,84)
```
#f2d254
```
#f2d254 rgb(242,210,84)
```
#f2df54
```
#f2df54 rgb(242,223,84)
```
#f2ec54
```
#f2ec54 rgb(242,236,84)
```
#ebf254
```
#ebf254 rgb(235,242,84)
```

Similar Colors

Text with hexadecimal color #f2d254

This text has a font color of #f2d254.

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

#f2d254 background color

This paragraph has a background color of #f2d254.

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

#f2d254 border color

This element has a border color of #f2d254.

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

CSS codes

.text {color:#f2d254;}

.background {background-color:#f2d254;}

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

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, #0b0901 is the darkest color, while #fefdf8 is the lightest one.

#0b0901
```
#0b0901 rgb(11,9,1)
```
#1e1802
```
#1e1802 rgb(30,24,2)
```
#302704
```
#302704 rgb(48,39,4)
```
#423605
```
#423605 rgb(66,54,5)
```
#544406
```
#544406 rgb(84,68,6)
```
#665308
```
#665308 rgb(102,83,8)
```
#796209
```
#796209 rgb(121,98,9)
```
#8b710b
```
#8b710b rgb(139,113,11)
```
#9d800c
```
#9d800c rgb(157,128,12)
```
#af8f0d
```
#af8f0d rgb(175,143,13)
```
#c29d0f
```
#c29d0f rgb(194,157,15)
```
#d4ac10
```
#d4ac10 rgb(212,172,16)
```
#e6bb11
```
#e6bb11 rgb(230,187,17)
```

Shade Color Variation

#eec41d
```
#eec41d rgb(238,196,29)
```
#efc830
```
#efc830 rgb(239,200,48)
```
#f1cd42
```
#f1cd42 rgb(241,205,66)
```
#f2d254
```
#f2d254 rgb(242,210,84)
```
#f3d766
```
#f3d766 rgb(243,215,102)
```
#f5dc78
```
#f5dc78 rgb(245,220,120)
```
#f6e08b
```
#f6e08b rgb(246,224,139)
```
#f8e59d
```
#f8e59d rgb(248,229,157)
```
#f9eaaf
```
#f9eaaf rgb(249,234,175)
```
#faefc1
```
#faefc1 rgb(250,239,193)
```
#fcf4d4
```
#fcf4d4 rgb(252,244,212)
```
#fdf8e6
```
#fdf8e6 rgb(253,248,230)
```
#fefdf8
```
#fefdf8 rgb(254,253,248)
```

Tint Color Variation

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

#a4a4a2
```
#a4a4a2 rgb(164,164,162)
```
#aba89b
```
#aba89b rgb(171,168,155)
```
#b2ac94
```
#b2ac94 rgb(178,172,148)
```
#b9b08d
```
#b9b08d rgb(185,176,141)
```
#c0b586
```
#c0b586 rgb(192,181,134)
```
#c8b97e
```
#c8b97e rgb(200,185,126)
```
#cfbd77
```
#cfbd77 rgb(207,189,119)
```
#d6c170
```
#d6c170 rgb(214,193,112)
```
#ddc569
```
#ddc569 rgb(221,197,105)
```
#e4ca62
```
#e4ca62 rgb(228,202,98)
```
#ebce5b
```
#ebce5b rgb(235,206,91)
```
#f2d254
```
#f2d254 rgb(242,210,84)
```
#f9d64d
```
#f9d64d rgb(249,214,77)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#d4ceb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd65d Protanopia 1% of men
#ffce82 Deuteranopia 1% of men
#fdc7d5 Tritanopia 0.001% of the population

Trichromacy

#eed45a Protanomaly 1% of men, 0.01% of women
#facf71 Deuteranomaly 6% of men, 0.4% of women
#f9cba6 Tritanomaly 0.01% of the population

#f2d254 hex color

#f2d254 Color Information

#f2d254 Color Conversion

Color Schemes with #f2d254

Alternatives to #f2d254

#f2d254 Preview

Shades and Tints of #f2d254

Tones of #f2d254

Color Blindness Simulator