#f2d15d hex color

In a RGB color space, hex #f2d15d is composed of 94.9% red, 82% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.6% magenta, 61.6% yellow and 5.1% black. It has a hue angle of 46.7 degrees, a saturation of 85.1% and a lightness of 65.7%. #f2d15d color hex could be obtained by blending #ffffba with #e5a300. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 82
- B 36
RGB color chart
- C 0
- M 14
- Y 62
- K 5
CMYK color chart

● #f2d15d color description : Soft yellow.

The hexadecimal color #f2d15d has RGB values of R:242, G:209, B:93 and CMYK values of C:0, M:0.14, Y:0.62, K:0.05. Its decimal value is 15913309.

Hex triplet	f2d15d	`#f2d15d`
RGB Decimal	242, 209, 93	`rgb(242,209,93)`
RGB Percent	94.9, 82, 36.5	`rgb(94.9%,82%,36.5%)`
CMYK	0, 14, 62, 5
HSL	46.7°, 85.1, 65.7	`hsl(46.7,85.1%,65.7%)`
HSV (or HSB)	46.7°, 61.6, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.623, -1.504, 60.332
XYZ	61.395, 65.271, 19.72
xyY	0.419, 0.446, 65.271
CIE-LCH	84.623, 60.35, 91.428
CIE-LUV	84.623, 28.043, 72.478
Hunter-Lab	80.79, -5.736, 42.081
Binary	11110010, 11010001, 01011101

#f2d15d
```
#f2d15d rgb(242,209,93)
```
#5d7ef2
```
#5d7ef2 rgb(93,126,242)
```

Complementary Color

#f2875d
```
#f2875d rgb(242,135,93)
```
#f2d15d
```
#f2d15d rgb(242,209,93)
```
#c9f25d
```
#c9f25d rgb(201,242,93)
```

Analogous Color

#875df2
```
#875df2 rgb(135,93,242)
```
#f2d15d
```
#f2d15d rgb(242,209,93)
```
#5dc9f2
```
#5dc9f2 rgb(93,201,242)
```

Split Complementary Color

#d15df2
```
#d15df2 rgb(209,93,242)
```
#f2d15d
```
#f2d15d rgb(242,209,93)
```
#5df2d1
```
#5df2d1 rgb(93,242,209)
```

Triadic Color

#f25d7e
```
#f25d7e rgb(242,93,126)
```
#f2d15d
```
#f2d15d rgb(242,209,93)
```
#5df2d1
```
#5df2d1 rgb(93,242,209)
```
#5d7ef2
```
#5d7ef2 rgb(93,126,242)
```

Tetradic Color

#ecbd16
```
#ecbd16 rgb(236,189,22)
```
#eec42e
```
#eec42e rgb(238,196,46)
```
#f0ca45
```
#f0ca45 rgb(240,202,69)
```
#f2d15d
```
#f2d15d rgb(242,209,93)
```
#f4d875
```
#f4d875 rgb(244,216,117)
```
#f6de8c
```
#f6de8c rgb(246,222,140)
```
#f8e5a4
```
#f8e5a4 rgb(248,229,164)
```

Monochromatic Color

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

#f2ac5d
```
#f2ac5d rgb(242,172,93)
```
#f2b85d
```
#f2b85d rgb(242,184,93)
```
#f2c55d
```
#f2c55d rgb(242,197,93)
```
#f2d15d
```
#f2d15d rgb(242,209,93)
```
#f2dd5d
```
#f2dd5d rgb(242,221,93)
```
#f2ea5d
```
#f2ea5d rgb(242,234,93)
```
#eef25d
```
#eef25d rgb(238,242,93)
```

Similar Colors

Text with hexadecimal color #f2d15d

This text has a font color of #f2d15d.

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

#f2d15d background color

This paragraph has a background color of #f2d15d.

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

#f2d15d border color

This element has a border color of #f2d15d.

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

CSS codes

.text {color:#f2d15d;}

.background {background-color:#f2d15d;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#141002
```
#141002 rgb(20,16,2)
```
#261e03
```
#261e03 rgb(38,30,3)
```
#382d04
```
#382d04 rgb(56,45,4)
```
#4a3b06
```
#4a3b06 rgb(74,59,6)
```
#5c4907
```
#5c4907 rgb(92,73,7)
```
#6e5809
```
#6e5809 rgb(110,88,9)
```
#81660a
```
#81660a rgb(129,102,10)
```
#93750c
```
#93750c rgb(147,117,12)
```
#a5830d
```
#a5830d rgb(165,131,13)
```
#b7920f
```
#b7920f rgb(183,146,15)
```
#c9a010
```
#c9a010 rgb(201,160,16)
```
#dbaf12
```
#dbaf12 rgb(219,175,18)
```

Shade Color Variation

#ecbc14
```
#ecbc14 rgb(236,188,20)
```
#eec227
```
#eec227 rgb(238,194,39)
```
#efc739
```
#efc739 rgb(239,199,57)
```
#f1cc4b
```
#f1cc4b rgb(241,204,75)
```
#f2d15d
```
#f2d15d rgb(242,209,93)
```
#f3d66f
```
#f3d66f rgb(243,214,111)
```
#f5db81
```
#f5db81 rgb(245,219,129)
```
#f6e093
```
#f6e093 rgb(246,224,147)
```
#f8e6a6
```
#f8e6a6 rgb(248,230,166)
```
#f9ebb8
```
#f9ebb8 rgb(249,235,184)
```
#fbf0ca
```
#fbf0ca rgb(251,240,202)
```
#fcf5dc
```
#fcf5dc rgb(252,245,220)
```
#fefaee
```
#fefaee rgb(254,250,238)
```

Tint Color Variation

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

#a8a8a7
```
#a8a8a7 rgb(168,168,167)
```
#afaca0
```
#afaca0 rgb(175,172,160)
```
#b5af9a
```
#b5af9a rgb(181,175,154)
```
#bcb393
```
#bcb393 rgb(188,179,147)
```
#c3b78c
```
#c3b78c rgb(195,183,140)
```
#cabb85
```
#cabb85 rgb(202,187,133)
```
#d0be7f
```
#d0be7f rgb(208,190,127)
```
#d7c278
```
#d7c278 rgb(215,194,120)
```
#dec671
```
#dec671 rgb(222,198,113)
```
#e5ca6a
```
#e5ca6a rgb(229,202,106)
```
#ebcd64
```
#ebcd64 rgb(235,205,100)
```
#f2d15d
```
#f2d15d rgb(242,209,93)
```
#f9d556
```
#f9d556 rgb(249,213,86)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#d5cfb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd566 Protanopia 1% of men
#ffcd82 Deuteranopia 1% of men
#fdc7d5 Tritanopia 0.001% of the population

Trichromacy

#eed362 Protanomaly 1% of men, 0.01% of women
#face74 Deuteranomaly 6% of men, 0.4% of women
#f9caa9 Tritanomaly 0.01% of the population

#f2d15d hex color

#f2d15d Color Information

#f2d15d Color Conversion

Color Schemes with #f2d15d

Alternatives to #f2d15d

#f2d15d Preview

Shades and Tints of #f2d15d

Tones of #f2d15d

Color Blindness Simulator