colorhexa.com

#f0b234 hex color

In a RGB color space, hex #f0b234 is composed of 94.1% red, 69.8% green and 20.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.8% magenta, 78.3% yellow and 5.9% black. It has a hue angle of 40.2 degrees, a saturation of 86.2% and a lightness of 57.3%. #f0b234 color hex could be obtained by blending #ffff68 with #e16500. Closest websafe color is: #ff9933.

- R 94
- G 70
- B 20
RGB color chart
- C 0
- M 26
- Y 78
- K 6
CMYK color chart

● #f0b234 color description : Bright orange.

The hexadecimal color #f0b234 has RGB values of R:240, G:178, B:52 and CMYK values of C:0, M:0.26, Y:0.78, K:0.06. Its decimal value is 15774260.

Hex triplet	f0b234	`#f0b234`
RGB Decimal	240, 178, 52	`rgb(240,178,52)`
RGB Percent	94.1, 69.8, 20.4	`rgb(94.1%,69.8%,20.4%)`
CMYK	0, 26, 78, 6
HSL	40.2°, 86.2, 57.3	`hsl(40.2,86.2%,57.3%)`
HSV (or HSB)	40.2°, 78.3, 94.1
Web Safe	ff9933	`#ff9933`

CIE-LAB	76.446, 11.708, 68.395
XYZ	52.476, 50.617, 10.255
xyY	0.463, 0.447, 50.617
CIE-LCH	76.446, 69.39, 80.286
CIE-LUV	76.446, 50.99, 71.933
Hunter-Lab	71.146, 7.155, 41.256
Binary	11110000, 10110010, 00110100

#f0b234
```
#f0b234 rgb(240,178,52)
```
#3472f0
```
#3472f0 rgb(52,114,240)
```

Complementary Color

#f05434
```
#f05434 rgb(240,84,52)
```
#f0b234
```
#f0b234 rgb(240,178,52)
```
#d0f034
```
#d0f034 rgb(208,240,52)
```

Analogous Color

#5434f0
```
#5434f0 rgb(84,52,240)
```
#f0b234
```
#f0b234 rgb(240,178,52)
```
#34d0f0
```
#34d0f0 rgb(52,208,240)
```

Split Complementary Color

#b234f0
```
#b234f0 rgb(178,52,240)
```
#f0b234
```
#f0b234 rgb(240,178,52)
```
#34f0b2
```
#34f0b2 rgb(52,240,178)
```

Triadic Color

#f03472
```
#f03472 rgb(240,52,114)
```
#f0b234
```
#f0b234 rgb(240,178,52)
```
#34f0b2
```
#34f0b2 rgb(52,240,178)
```
#3472f0
```
#3472f0 rgb(52,114,240)
```

Tetradic Color

#c98b0f
```
#c98b0f rgb(201,139,15)
```
#e09c11
```
#e09c11 rgb(224,156,17)
```
#eea91c
```
#eea91c rgb(238,169,28)
```
#f0b234
```
#f0b234 rgb(240,178,52)
```
#f2bb4c
```
#f2bb4c rgb(242,187,76)
```
#f4c463
```
#f4c463 rgb(244,196,99)
```
#f5cd7b
```
#f5cd7b rgb(245,205,123)
```

Monochromatic Color

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

#f08334
```
#f08334 rgb(240,131,52)
```
#f09334
```
#f09334 rgb(240,147,52)
```
#f0a234
```
#f0a234 rgb(240,162,52)
```
#f0b234
```
#f0b234 rgb(240,178,52)
```
#f0c234
```
#f0c234 rgb(240,194,52)
```
#f0d134
```
#f0d134 rgb(240,209,52)
```
#f0e134
```
#f0e134 rgb(240,225,52)
```

Similar Colors

Text with hexadecimal color #f0b234

This text has a font color of #f0b234.

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

#f0b234 background color

This paragraph has a background color of #f0b234.

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

#f0b234 border color

This element has a border color of #f0b234.

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

CSS codes

.text {color:#f0b234;}

.background {background-color:#f0b234;}

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

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, #100b01 is the darkest color, while #fffefd is the lightest one.

#100b01
```
#100b01 rgb(16,11,1)
```
#221803
```
#221803 rgb(34,24,3)
```
#352504
```
#352504 rgb(53,37,4)
```
#473105
```
#473105 rgb(71,49,5)
```
#593e07
```
#593e07 rgb(89,62,7)
```
#6c4b08
```
#6c4b08 rgb(108,75,8)
```
#7e5709
```
#7e5709 rgb(126,87,9)
```
#90640b
```
#90640b rgb(144,100,11)
```
#a2710c
```
#a2710c rgb(162,113,12)
```
#b57d0d
```
#b57d0d rgb(181,125,13)
```
#c78a0f
```
#c78a0f rgb(199,138,15)
```
#d99710
```
#d99710 rgb(217,151,16)
```
#eba311
```
#eba311 rgb(235,163,17)
```

Shade Color Variation

#efab22
```
#efab22 rgb(239,171,34)
```
#f0b234
```
#f0b234 rgb(240,178,52)
```
#f1b946
```
#f1b946 rgb(241,185,70)
```
#f3c059
```
#f3c059 rgb(243,192,89)
```
#f4c76b
```
#f4c76b rgb(244,199,107)
```
#f5ce7d
```
#f5ce7d rgb(245,206,125)
```
#f7d58f
```
#f7d58f rgb(247,213,143)
```
#f8dca2
```
#f8dca2 rgb(248,220,162)
```
#f9e2b4
```
#f9e2b4 rgb(249,226,180)
```
#fbe9c6
```
#fbe9c6 rgb(251,233,198)
```
#fcf0d8
```
#fcf0d8 rgb(252,240,216)
```
#fdf7eb
```
#fdf7eb rgb(253,247,235)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#949390
```
#949390 rgb(148,147,144)
```
#9c9588
```
#9c9588 rgb(156,149,136)
```
#a5987f
```
#a5987f rgb(165,152,127)
```
#ad9b77
```
#ad9b77 rgb(173,155,119)
```
#b59e6f
```
#b59e6f rgb(181,158,111)
```
#bea166
```
#bea166 rgb(190,161,102)
```
#c6a45e
```
#c6a45e rgb(198,164,94)
```
#cea756
```
#cea756 rgb(206,167,86)
```
#d7a94d
```
#d7a94d rgb(215,169,77)
```
#dfac45
```
#dfac45 rgb(223,172,69)
```
#e8af3c
```
#e8af3c rgb(232,175,60)
```
#f0b234
```
#f0b234 rgb(240,178,52)
```
#f8b52c
```
#f8b52c rgb(248,181,44)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#c2b59c Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c041 Protanopia 1% of men
#eeb63e Deuteranopia 1% of men
#f8aab6 Tritanopia 0.001% of the population

Trichromacy

#dfbb3c Protanomaly 1% of men, 0.01% of women
#efb53a Deuteranomaly 6% of men, 0.4% of women
#f5ad87 Tritanomaly 0.01% of the population