#f2dd0e hex color

In a RGB color space, hex #f2dd0e is composed of 94.9% red, 86.7% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.7% magenta, 94.2% yellow and 5.1% black. It has a hue angle of 54.5 degrees, a saturation of 89.8% and a lightness of 50.2%. #f2dd0e color hex could be obtained by blending #ffff1c with #e5bb00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 95
- G 87
- B 5
RGB color chart
- C 0
- M 9
- Y 94
- K 5
CMYK color chart

● #f2dd0e color description : Vivid yellow.

The hexadecimal color #f2dd0e has RGB values of R:242, G:221, B:14 and CMYK values of C:0, M:0.09, Y:0.94, K:0.05. Its decimal value is 15916302.

Hex triplet	f2dd0e	`#f2dd0e`
RGB Decimal	242, 221, 14	`rgb(242,221,14)`
RGB Percent	94.9, 86.7, 5.5	`rgb(94.9%,86.7%,5.5%)`
CMYK	0, 9, 94, 5
HSL	54.5°, 89.8, 50.2	`hsl(54.5,89.8%,50.2%)`
HSV (or HSB)	54.5°, 94.2, 94.9
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	87.302, -10.347, 85.663
XYZ	62.554, 70.624, 10.752
xyY	0.435, 0.491, 70.624
CIE-LCH	87.302, 86.286, 96.887
CIE-LUV	87.302, 21.512, 93.49
Hunter-Lab	84.038, -14.199, 51.241
Binary	11110010, 11011101, 00001110

#f2dd0e
```
#f2dd0e rgb(242,221,14)
```
#0e23f2
```
#0e23f2 rgb(14,35,242)
```

Complementary Color

#f26b0e
```
#f26b0e rgb(242,107,14)
```
#f2dd0e
```
#f2dd0e rgb(242,221,14)
```
#95f20e
```
#95f20e rgb(149,242,14)
```

Analogous Color

#6b0ef2
```
#6b0ef2 rgb(107,14,242)
```
#f2dd0e
```
#f2dd0e rgb(242,221,14)
```
#0e95f2
```
#0e95f2 rgb(14,149,242)
```

Split Complementary Color

#dd0ef2
```
#dd0ef2 rgb(221,14,242)
```
#f2dd0e
```
#f2dd0e rgb(242,221,14)
```
#0ef2dd
```
#0ef2dd rgb(14,242,221)
```

Triadic Color

#f20e23
```
#f20e23 rgb(242,14,35)
```
#f2dd0e
```
#f2dd0e rgb(242,221,14)
```
#0ef2dd
```
#0ef2dd rgb(14,242,221)
```
#0e23f2
```
#0e23f2 rgb(14,35,242)
```

Tetradic Color

#aa9b09
```
#aa9b09 rgb(170,155,9)
```
#c3b20a
```
#c3b20a rgb(195,178,10)
```
#dbc80c
```
#dbc80c rgb(219,200,12)
```
#f2dd0e
```
#f2dd0e rgb(242,221,14)
```
#f3e026
```
#f3e026 rgb(243,224,38)
```
#f5e43e
```
#f5e43e rgb(245,228,62)
```
#f6e757
```
#f6e757 rgb(246,231,87)
```

Monochromatic Color

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

#f2a40e
```
#f2a40e rgb(242,164,14)
```
#f2b70e
```
#f2b70e rgb(242,183,14)
```
#f2ca0e
```
#f2ca0e rgb(242,202,14)
```
#f2dd0e
```
#f2dd0e rgb(242,221,14)
```
#f2f00e
```
#f2f00e rgb(242,240,14)
```
#e1f20e
```
#e1f20e rgb(225,242,14)
```
#cef20e
```
#cef20e rgb(206,242,14)
```

Similar Colors

Text with hexadecimal color #f2dd0e

This text has a font color of #f2dd0e.

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

#f2dd0e background color

This paragraph has a background color of #f2dd0e.

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

#f2dd0e border color

This element has a border color of #f2dd0e.

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

CSS codes

.text {color:#f2dd0e;}

.background {background-color:#f2dd0e;}

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

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 #fefded is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#141201
```
#141201 rgb(20,18,1)
```
#262302
```
#262302 rgb(38,35,2)
```
#393403
```
#393403 rgb(57,52,3)
```
#4b4504
```
#4b4504 rgb(75,69,4)
```
#5e5605
```
#5e5605 rgb(94,86,5)
```
#716706
```
#716706 rgb(113,103,6)
```
#837807
```
#837807 rgb(131,120,7)
```
#968908
```
#968908 rgb(150,137,8)
```
#a89a09
```
#a89a09 rgb(168,154,9)
```
#bbab0a
```
#bbab0a rgb(187,171,10)
```
#cebc0b
```
#cebc0b rgb(206,188,11)
```
#e0cd0c
```
#e0cd0c rgb(224,205,12)
```

Shade Color Variation

#f2dd0e
```
#f2dd0e rgb(242,221,14)
```
#f3e021
```
#f3e021 rgb(243,224,33)
```
#f4e233
```
#f4e233 rgb(244,226,51)
```
#f5e546
```
#f5e546 rgb(245,229,70)
```
#f6e858
```
#f6e858 rgb(246,232,88)
```
#f7ea6b
```
#f7ea6b rgb(247,234,107)
```
#f8ed7e
```
#f8ed7e rgb(248,237,126)
```
#f9ef90
```
#f9ef90 rgb(249,239,144)
```
#faf2a3
```
#faf2a3 rgb(250,242,163)
```
#fbf5b6
```
#fbf5b6 rgb(251,245,182)
```
#fcf7c8
```
#fcf7c8 rgb(252,247,200)
```
#fdfadb
```
#fdfadb rgb(253,250,219)
```
#fefded
```
#fefded rgb(254,253,237)
```

Tint Color Variation

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

#878579
```
#878579 rgb(135,133,121)
```
#908d70
```
#908d70 rgb(144,141,112)
```
#9a9566
```
#9a9566 rgb(154,149,102)
```
#a49d5c
```
#a49d5c rgb(164,157,92)
```
#aea552
```
#aea552 rgb(174,165,82)
```
#b7ad49
```
#b7ad49 rgb(183,173,73)
```
#c1b53f
```
#c1b53f rgb(193,181,63)
```
#cbbd35
```
#cbbd35 rgb(203,189,53)
```
#d5c52b
```
#d5c52b rgb(213,197,43)
```
#decd22
```
#decd22 rgb(222,205,34)
```
#e8d518
```
#e8d518 rgb(232,213,24)
```
#f2dd0e
```
#f2dd0e rgb(242,221,14)
```
#fce504
```
#fce504 rgb(252,229,4)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#d4cfa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7dd19 Protanopia 1% of men
#ffd69a Deuteranopia 1% of men
#ffd0de Tritanopia 0.001% of the population

Trichromacy

#f5dd15 Protanomaly 1% of men, 0.01% of women
#fad867 Deuteranomaly 6% of men, 0.4% of women
#fad592 Tritanomaly 0.01% of the population

#f2dd0e hex color

#f2dd0e Color Information

#f2dd0e Color Conversion

Color Schemes with #f2dd0e

Alternatives to #f2dd0e

#f2dd0e Preview

Shades and Tints of #f2dd0e

Tones of #f2dd0e

Color Blindness Simulator