#f0a232 hex color

In a RGB color space, hex #f0a232 is composed of 94.1% red, 63.5% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.5% magenta, 79.2% yellow and 5.9% black. It has a hue angle of 35.4 degrees, a saturation of 86.4% and a lightness of 56.9%. #f0a232 color hex could be obtained by blending #ffff64 with #e14500. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 94
- G 64
- B 20
RGB color chart
- C 0
- M 33
- Y 79
- K 6
CMYK color chart

● #f0a232 color description : Bright orange.

The hexadecimal color #f0a232 has RGB values of R:240, G:162, B:50 and CMYK values of C:0, M:0.33, Y:0.79, K:0.06. Its decimal value is 15770162.

Hex triplet	f0a232	`#f0a232`
RGB Decimal	240, 162, 50	`rgb(240,162,50)`
RGB Percent	94.1, 63.5, 19.6	`rgb(94.1%,63.5%,19.6%)`
CMYK	0, 33, 79, 6
HSL	35.4°, 86.4, 56.9	`hsl(35.4,86.4%,56.9%)`
HSV (or HSB)	35.4°, 79.2, 94.1
Web Safe	ff9933	`#ff9933`

CIE-LAB	72.627, 20.08, 65.612
XYZ	49.432, 44.6, 9.023
xyY	0.48, 0.433, 44.6
CIE-LCH	72.627, 68.615, 72.984
CIE-LUV	72.627, 63.63, 66.179
Hunter-Lab	66.783, 15.255, 38.738
Binary	11110000, 10100010, 00110010

#f0a232
```
#f0a232 rgb(240,162,50)
```
#3280f0
```
#3280f0 rgb(50,128,240)
```

Complementary Color

#f04332
```
#f04332 rgb(240,67,50)
```
#f0a232
```
#f0a232 rgb(240,162,50)
```
#dff032
```
#dff032 rgb(223,240,50)
```

Analogous Color

#4332f0
```
#4332f0 rgb(67,50,240)
```
#f0a232
```
#f0a232 rgb(240,162,50)
```
#32dff0
```
#32dff0 rgb(50,223,240)
```

Split Complementary Color

#a232f0
```
#a232f0 rgb(162,50,240)
```
#f0a232
```
#f0a232 rgb(240,162,50)
```
#32f0a2
```
#32f0a2 rgb(50,240,162)
```

Triadic Color

#f03280
```
#f03280 rgb(240,50,128)
```
#f0a232
```
#f0a232 rgb(240,162,50)
```
#32f0a2
```
#32f0a2 rgb(50,240,162)
```
#3280f0
```
#3280f0 rgb(50,128,240)
```

Tetradic Color

#c77b0f
```
#c77b0f rgb(199,123,15)
```
#df8a10
```
#df8a10 rgb(223,138,16)
```
#ee971a
```
#ee971a rgb(238,151,26)
```
#f0a232
```
#f0a232 rgb(240,162,50)
```
#f2ad4a
```
#f2ad4a rgb(242,173,74)
```
#f3b862
```
#f3b862 rgb(243,184,98)
```
#f5c279
```
#f5c279 rgb(245,194,121)
```

Monochromatic Color

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

#f07332
```
#f07332 rgb(240,115,50)
```
#f08232
```
#f08232 rgb(240,130,50)
```
#f09232
```
#f09232 rgb(240,146,50)
```
#f0a232
```
#f0a232 rgb(240,162,50)
```
#f0b232
```
#f0b232 rgb(240,178,50)
```
#f0c232
```
#f0c232 rgb(240,194,50)
```
#f0d232
```
#f0d232 rgb(240,210,50)
```

Similar Colors

Text with hexadecimal color #f0a232

This text has a font color of #f0a232.

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

#f0a232 background color

This paragraph has a background color of #f0a232.

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

#f0a232 border color

This element has a border color of #f0a232.

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

CSS codes

.text {color:#f0a232;}

.background {background-color:#f0a232;}

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

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

#0e0901
```
#0e0901 rgb(14,9,1)
```
#211402
```
#211402 rgb(33,20,2)
```
#332004
```
#332004 rgb(51,32,4)
```
#452b05
```
#452b05 rgb(69,43,5)
```
#573606
```
#573606 rgb(87,54,6)
```
#6a4108
```
#6a4108 rgb(106,65,8)
```
#7c4d09
```
#7c4d09 rgb(124,77,9)
```
#8e580a
```
#8e580a rgb(142,88,10)
```
#a1630c
```
#a1630c rgb(161,99,12)
```
#b36f0d
```
#b36f0d rgb(179,111,13)
```
#c57a0e
```
#c57a0e rgb(197,122,14)
```
#d78510
```
#d78510 rgb(215,133,16)
```
#ea9111
```
#ea9111 rgb(234,145,17)
```

Shade Color Variation

#ef9a20
```
#ef9a20 rgb(239,154,32)
```
#f0a232
```
#f0a232 rgb(240,162,50)
```
#f1aa44
```
#f1aa44 rgb(241,170,68)
```
#f3b357
```
#f3b357 rgb(243,179,87)
```
#f4bb69
```
#f4bb69 rgb(244,187,105)
```
#f5c37b
```
#f5c37b rgb(245,195,123)
```
#f7cb8d
```
#f7cb8d rgb(247,203,141)
```
#f8d4a0
```
#f8d4a0 rgb(248,212,160)
```
#f9dcb2
```
#f9dcb2 rgb(249,220,178)
```
#fbe4c4
```
#fbe4c4 rgb(251,228,196)
```
#fcedd7
```
#fcedd7 rgb(252,237,215)
```
#fdf5e9
```
#fdf5e9 rgb(253,245,233)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#93918f
```
#93918f rgb(147,145,143)
```
#9b9387
```
#9b9387 rgb(155,147,135)
```
#a4947e
```
#a4947e rgb(164,148,126)
```
#ac9676
```
#ac9676 rgb(172,150,118)
```
#b5976d
```
#b5976d rgb(181,151,109)
```
#bd9965
```
#bd9965 rgb(189,153,101)
```
#c69a5c
```
#c69a5c rgb(198,154,92)
```
#ce9c54
```
#ce9c54 rgb(206,156,84)
```
#d79d4b
```
#d79d4b rgb(215,157,75)
```
#df9f43
```
#df9f43 rgb(223,159,67)
```
#e8a03a
```
#e8a03a rgb(232,160,58)
```
#f0a232
```
#f0a232 rgb(240,162,50)
```
#f8a42a
```
#f8a42a rgb(248,164,42)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#baab94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab640 Protanopia 1% of men
#e2ad39 Deuteranopia 1% of men
#f79ca7 Tritanopia 0.001% of the population

Trichromacy

#d8af3b Protanomaly 1% of men, 0.01% of women
#e7a936 Deuteranomaly 6% of men, 0.4% of women
#f49e7c Tritanomaly 0.01% of the population

#f0a232 hex color

#f0a232 Color Information

#f0a232 Color Conversion

Color Schemes with #f0a232

Alternatives to #f0a232

#f0a232 Preview

Shades and Tints of #f0a232

Tones of #f0a232

Color Blindness Simulator