#f6b228 hex color

In a RGB color space, hex #f6b228 is composed of 96.5% red, 69.8% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.6% magenta, 83.7% yellow and 3.5% black. It has a hue angle of 40.2 degrees, a saturation of 92% and a lightness of 56.1%. #f6b228 color hex could be obtained by blending #ffff50 with #ed6500. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 96
- G 70
- B 16
RGB color chart
- C 0
- M 28
- Y 84
- K 4
CMYK color chart

● #f6b228 color description : Bright orange.

The hexadecimal color #f6b228 has RGB values of R:246, G:178, B:40 and CMYK values of C:0, M:0.28, Y:0.84, K:0.04. Its decimal value is 16167464.

Hex triplet	f6b228	`#f6b228`
RGB Decimal	246, 178, 40	`rgb(246,178,40)`
RGB Percent	96.5, 69.8, 15.7	`rgb(96.5%,69.8%,15.7%)`
CMYK	0, 28, 84, 4
HSL	40.2°, 92, 56.1	`hsl(40.2,92%,56.1%)`
HSV (or HSB)	40.2°, 83.7, 96.5
Web Safe	ff9933	`#ff9933`

CIE-LAB	77.035, 13.895, 72.947
XYZ	54.311, 51.59, 9.105
xyY	0.472, 0.449, 51.59
CIE-LCH	77.035, 74.259, 79.215
CIE-LUV	77.035, 56.185, 74.523
Hunter-Lab	71.826, 9.275, 42.763
Binary	11110110, 10110010, 00101000

#f6b228
```
#f6b228 rgb(246,178,40)
```
#286cf6
```
#286cf6 rgb(40,108,246)
```

Complementary Color

#f64b28
```
#f64b28 rgb(246,75,40)
```
#f6b228
```
#f6b228 rgb(246,178,40)
```
#d3f628
```
#d3f628 rgb(211,246,40)
```

Analogous Color

#4b28f6
```
#4b28f6 rgb(75,40,246)
```
#f6b228
```
#f6b228 rgb(246,178,40)
```
#28d3f6
```
#28d3f6 rgb(40,211,246)
```

Split Complementary Color

#b228f6
```
#b228f6 rgb(178,40,246)
```
#f6b228
```
#f6b228 rgb(246,178,40)
```
#28f6b2
```
#28f6b2 rgb(40,246,178)
```

Triadic Color

#f6286c
```
#f6286c rgb(246,40,108)
```
#f6b228
```
#f6b228 rgb(246,178,40)
```
#28f6b2
```
#28f6b2 rgb(40,246,178)
```
#286cf6
```
#286cf6 rgb(40,108,246)
```

Tetradic Color

#c98908
```
#c98908 rgb(201,137,8)
```
#e29a09
```
#e29a09 rgb(226,154,9)
```
#f5a910
```
#f5a910 rgb(245,169,16)
```
#f6b228
```
#f6b228 rgb(246,178,40)
```
#f7bb40
```
#f7bb40 rgb(247,187,64)
```
#f8c459
```
#f8c459 rgb(248,196,89)
```
#f9cc71
```
#f9cc71 rgb(249,204,113)
```

Monochromatic Color

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

#f67f28
```
#f67f28 rgb(246,127,40)
```
#f69028
```
#f69028 rgb(246,144,40)
```
#f6a128
```
#f6a128 rgb(246,161,40)
```
#f6b228
```
#f6b228 rgb(246,178,40)
```
#f6c328
```
#f6c328 rgb(246,195,40)
```
#f6d428
```
#f6d428 rgb(246,212,40)
```
#f6e628
```
#f6e628 rgb(246,230,40)
```

Similar Colors

Text with hexadecimal color #f6b228

This text has a font color of #f6b228.

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

#f6b228 background color

This paragraph has a background color of #f6b228.

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

#f6b228 border color

This element has a border color of #f6b228.

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

CSS codes

.text {color:#f6b228;}

.background {background-color:#f6b228;}

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

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

#0b0700
```
#0b0700 rgb(11,7,0)
```
#1e1401
```
#1e1401 rgb(30,20,1)
```
#312102
```
#312102 rgb(49,33,2)
```
#432e03
```
#432e03 rgb(67,46,3)
```
#563b04
```
#563b04 rgb(86,59,4)
```
#694804
```
#694804 rgb(105,72,4)
```
#7c5505
```
#7c5505 rgb(124,85,5)
```
#8f6206
```
#8f6206 rgb(143,98,6)
```
#a26e07
```
#a26e07 rgb(162,110,7)
```
#b47b08
```
#b47b08 rgb(180,123,8)
```
#c78808
```
#c78808 rgb(199,136,8)
```
#da9509
```
#da9509 rgb(218,149,9)
```
#eda20a
```
#eda20a rgb(237,162,10)
```

Shade Color Variation

#f5ab15
```
#f5ab15 rgb(245,171,21)
```
#f6b228
```
#f6b228 rgb(246,178,40)
```
#f7b93b
```
#f7b93b rgb(247,185,59)
```
#f8bf4e
```
#f8bf4e rgb(248,191,78)
```
#f8c660
```
#f8c660 rgb(248,198,96)
```
#f9cd73
```
#f9cd73 rgb(249,205,115)
```
#fad486
```
#fad486 rgb(250,212,134)
```
#fbda99
```
#fbda99 rgb(251,218,153)
```
#fce1ac
```
#fce1ac rgb(252,225,172)
```
#fce8bf
```
#fce8bf rgb(252,232,191)
```
#fdefd1
```
#fdefd1 rgb(253,239,209)
```
#fef5e4
```
#fef5e4 rgb(254,245,228)
```
#fffcf7
```
#fffcf7 rgb(255,252,247)
```

Tint Color Variation

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

#979287
```
#979287 rgb(151,146,135)
```
#a0957e
```
#a0957e rgb(160,149,126)
```
#a89876
```
#a89876 rgb(168,152,118)
```
#b19b6d
```
#b19b6d rgb(177,155,109)
```
#ba9e64
```
#ba9e64 rgb(186,158,100)
```
#c2a05c
```
#c2a05c rgb(194,160,92)
```
#cba353
```
#cba353 rgb(203,163,83)
```
#d4a64a
```
#d4a64a rgb(212,166,74)
```
#dca942
```
#dca942 rgb(220,169,66)
```
#e5ac39
```
#e5ac39 rgb(229,172,57)
```
#edaf31
```
#edaf31 rgb(237,175,49)
```
#f6b228
```
#f6b228 rgb(246,178,40)
```
#ffb51f
```
#ffb51f rgb(255,181,31)
```

Tone Color Variation

Below, you can see how #f6b228 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
#c4b69a Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c136 Protanopia 1% of men
#f1b831 Deuteranopia 1% of men
#feaab6 Tritanopia 0.001% of the population

Trichromacy

#e3bc31 Protanomaly 1% of men, 0.01% of women
#f2b62e Deuteranomaly 6% of men, 0.4% of women
#fbad82 Tritanomaly 0.01% of the population

#f6b228 hex color

#f6b228 Color Information

#f6b228 Color Conversion

Color Schemes with #f6b228

Alternatives to #f6b228

#f6b228 Preview

Shades and Tints of #f6b228

Tones of #f6b228

Color Blindness Simulator