colorhexa.com

#f2b71d hex color

In a RGB color space, hex #f2b71d is composed of 94.9% red, 71.8% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.4% magenta, 88% yellow and 5.1% black. It has a hue angle of 43.4 degrees, a saturation of 89.1% and a lightness of 53.1%. #f2b71d color hex could be obtained by blending #ffff3a with #e56f00. Closest websafe color is: #ffcc33.

- R 95
- G 72
- B 11
RGB color chart
- C 0
- M 24
- Y 88
- K 5
CMYK color chart

● #f2b71d color description : Vivid orange.

The hexadecimal color #f2b71d has RGB values of R:242, G:183, B:29 and CMYK values of C:0, M:0.24, Y:0.88, K:0.05. Its decimal value is 15906589.

Hex triplet	f2b71d	`#f2b71d`
RGB Decimal	242, 183, 29	`rgb(242,183,29)`
RGB Percent	94.9, 71.8, 11.4	`rgb(94.9%,71.8%,11.4%)`
CMYK	0, 24, 88, 5
HSL	43.4°, 89.1, 53.1	`hsl(43.4,89.1%,53.1%)`
HSV (or HSB)	43.4°, 88, 94.9
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	77.778, 9.322, 76.114
XYZ	53.774, 52.836, 8.528
xyY	0.467, 0.459, 52.836
CIE-LCH	77.778, 76.683, 83.017
CIE-LUV	77.778, 49.403, 77.908
Hunter-Lab	72.688, 4.849, 43.925
Binary	11110010, 10110111, 00011101

#f2b71d
```
#f2b71d rgb(242,183,29)
```
#1d58f2
```
#1d58f2 rgb(29,88,242)
```

Complementary Color

#f24d1d
```
#f24d1d rgb(242,77,29)
```
#f2b71d
```
#f2b71d rgb(242,183,29)
```
#c3f21d
```
#c3f21d rgb(195,242,29)
```

Analogous Color

#4c1df2
```
#4c1df2 rgb(76,29,242)
```
#f2b71d
```
#f2b71d rgb(242,183,29)
```
#1dc3f2
```
#1dc3f2 rgb(29,195,242)
```

Split Complementary Color

#b71df2
```
#b71df2 rgb(183,29,242)
```
#f2b71d
```
#f2b71d rgb(242,183,29)
```
#1df2b7
```
#1df2b7 rgb(29,242,183)
```

Triadic Color

#f21d58
```
#f21d58 rgb(242,29,88)
```
#f2b71d
```
#f2b71d rgb(242,183,29)
```
#1df2b7
```
#1df2b7 rgb(29,242,183)
```
#1d58f2
```
#1d58f2 rgb(29,88,242)
```

Tetradic Color

#b8880b
```
#b8880b rgb(184,136,11)
```
#d09a0c
```
#d09a0c rgb(208,154,12)
```
#e8ac0d
```
#e8ac0d rgb(232,172,13)
```
#f2b71d
```
#f2b71d rgb(242,183,29)
```
#f3bf35
```
#f3bf35 rgb(243,191,53)
```
#f5c64d
```
#f5c64d rgb(245,198,77)
```
#f6ce65
```
#f6ce65 rgb(246,206,101)
```

Monochromatic Color

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

#f2821d
```
#f2821d rgb(242,130,29)
```
#f2941d
```
#f2941d rgb(242,148,29)
```
#f2a51d
```
#f2a51d rgb(242,165,29)
```
#f2b71d
```
#f2b71d rgb(242,183,29)
```
#f2c91d
```
#f2c91d rgb(242,201,29)
```
#f2db1d
```
#f2db1d rgb(242,219,29)
```
#f2ec1d
```
#f2ec1d rgb(242,236,29)
```

Similar Colors

Text with hexadecimal color #f2b71d

This text has a font color of #f2b71d.

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

#f2b71d background color

This paragraph has a background color of #f2b71d.

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

#f2b71d border color

This element has a border color of #f2b71d.

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

CSS codes

.text {color:#f2b71d;}

.background {background-color:#f2b71d;}

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

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

#0f0b01
```
#0f0b01 rgb(15,11,1)
```
#221902
```
#221902 rgb(34,25,2)
```
#342703
```
#342703 rgb(52,39,3)
```
#473404
```
#473404 rgb(71,52,4)
```
#594205
```
#594205 rgb(89,66,5)
```
#6c5006
```
#6c5006 rgb(108,80,6)
```
#7e5d07
```
#7e5d07 rgb(126,93,7)
```
#916b08
```
#916b08 rgb(145,107,8)
```
#a47909
```
#a47909 rgb(164,121,9)
```
#b6870a
```
#b6870a rgb(182,135,10)
```
#c9940c
```
#c9940c rgb(201,148,12)
```
#dba20d
```
#dba20d rgb(219,162,13)
```
#eeb00e
```
#eeb00e rgb(238,176,14)
```

Shade Color Variation

#f2b71d
```
#f2b71d rgb(242,183,29)
```
#f3bd30
```
#f3bd30 rgb(243,189,48)
```
#f4c342
```
#f4c342 rgb(244,195,66)
```
#f5c955
```
#f5c955 rgb(245,201,85)
```
#f6cf67
```
#f6cf67 rgb(246,207,103)
```
#f7d57a
```
#f7d57a rgb(247,213,122)
```
#f8da8c
```
#f8da8c rgb(248,218,140)
```
#f9e09f
```
#f9e09f rgb(249,224,159)
```
#fbe6b1
```
#fbe6b1 rgb(251,230,177)
```
#fcecc4
```
#fcecc4 rgb(252,236,196)
```
#fdf2d6
```
#fdf2d6 rgb(253,242,214)
```
#fef8e9
```
#fef8e9 rgb(254,248,233)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#8d8a82
```
#8d8a82 rgb(141,138,130)
```
#968e79
```
#968e79 rgb(150,142,121)
```
#9f9270
```
#9f9270 rgb(159,146,112)
```
#a89667
```
#a89667 rgb(168,150,103)
```
#b29a5d
```
#b29a5d rgb(178,154,93)
```
#bb9e54
```
#bb9e54 rgb(187,158,84)
```
#c4a34b
```
#c4a34b rgb(196,163,75)
```
#cda742
```
#cda742 rgb(205,167,66)
```
#d6ab39
```
#d6ab39 rgb(214,171,57)
```
#e0af2f
```
#e0af2f rgb(224,175,47)
```
#e9b326
```
#e9b326 rgb(233,179,38)
```
#f2b71d
```
#f2b71d rgb(242,183,29)
```
#fbbb14
```
#fbbb14 rgb(251,187,20)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#c3b798 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac32b Protanopia 1% of men
#f4ba29 Deuteranopia 1% of men
#fbaeba Tritanopia 0.001% of the population

Trichromacy

#e3bf26 Protanomaly 1% of men, 0.01% of women
#f3b824 Deuteranomaly 6% of men, 0.4% of women
#f8b181 Tritanomaly 0.01% of the population