colorhexa.com

#f5c308 hex color

In a RGB color space, hex #f5c308 is composed of 96.1% red, 76.5% green and 3.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.4% magenta, 96.7% yellow and 3.9% black. It has a hue angle of 47.3 degrees, a saturation of 93.7% and a lightness of 49.6%. #f5c308 color hex could be obtained by blending #ffff10 with #eb8700. Closest websafe color is: #ffcc00.

- R 96
- G 76
- B 3
RGB color chart
- C 0
- M 20
- Y 97
- K 4
CMYK color chart

● #f5c308 color description : Vivid yellow.

The hexadecimal color #f5c308 has RGB values of R:245, G:195, B:8 and CMYK values of C:0, M:0.2, Y:0.97, K:0.04. Its decimal value is 16106248.

Hex triplet	f5c308	`#f5c308`
RGB Decimal	245, 195, 8	`rgb(245,195,8)`
RGB Percent	96.1, 76.5, 3.1	`rgb(96.1%,76.5%,3.1%)`
CMYK	0, 20, 97, 4
HSL	47.3°, 93.7, 49.6	`hsl(47.3,93.7%,49.6%)`
HSV (or HSB)	47.3°, 96.7, 96.1
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	80.996, 4.095, 81.754
XYZ	57.216, 58.463, 8.501
xyY	0.461, 0.471, 58.463
CIE-LCH	80.996, 81.857, 87.133
CIE-LUV	80.996, 42.796, 84.179
Hunter-Lab	76.461, -0.235, 46.931
Binary	11110101, 11000011, 00001000

#f5c308
```
#f5c308 rgb(245,195,8)
```
#083af5
```
#083af5 rgb(8,58,245)
```

Complementary Color

#f54d08
```
#f54d08 rgb(245,77,8)
```
#f5c308
```
#f5c308 rgb(245,195,8)
```
#b1f508
```
#b1f508 rgb(177,245,8)
```

Analogous Color

#4d08f5
```
#4d08f5 rgb(77,8,245)
```
#f5c308
```
#f5c308 rgb(245,195,8)
```
#08b1f5
```
#08b1f5 rgb(8,177,245)
```

Split Complementary Color

#c308f5
```
#c308f5 rgb(195,8,245)
```
#f5c308
```
#f5c308 rgb(245,195,8)
```
#08f5c3
```
#08f5c3 rgb(8,245,195)
```

Triadic Color

#ab8806
```
#ab8806 rgb(171,136,6)
```
#c49c06
```
#c49c06 rgb(196,156,6)
```
#dcaf07
```
#dcaf07 rgb(220,175,7)
```
#f5c308
```
#f5c308 rgb(245,195,8)
```
#f8ca1f
```
#f8ca1f rgb(248,202,31)
```
#f8d038
```
#f8d038 rgb(248,208,56)
```
#f9d650
```
#f9d650 rgb(249,214,80)
```

Monochromatic Color

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

#f58808
```
#f58808 rgb(245,136,8)
```
#f59c08
```
#f59c08 rgb(245,156,8)
```
#f5af08
```
#f5af08 rgb(245,175,8)
```
#f5c308
```
#f5c308 rgb(245,195,8)
```
#f5d708
```
#f5d708 rgb(245,215,8)
```
#f5eb08
```
#f5eb08 rgb(245,235,8)
```
#ecf508
```
#ecf508 rgb(236,245,8)
```

Similar Colors

Text with hexadecimal color #f5c308

This text has a font color of #f5c308.

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

#f5c308 background color

This paragraph has a background color of #f5c308.

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

#f5c308 border color

This element has a border color of #f5c308.

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

CSS codes

.text {color:#f5c308;}

.background {background-color:#f5c308;}

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

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, #110e01 is the darkest color, while #fffffd is the lightest one.

#110e01
```
#110e01 rgb(17,14,1)
```
#241d01
```
#241d01 rgb(36,29,1)
```
#372c02
```
#372c02 rgb(55,44,2)
```
#4a3b02
```
#4a3b02 rgb(74,59,2)
```
#5d4a03
```
#5d4a03 rgb(93,74,3)
```
#705904
```
#705904 rgb(112,89,4)
```
#836804
```
#836804 rgb(131,104,4)
```
#967705
```
#967705 rgb(150,119,5)
```
#a98706
```
#a98706 rgb(169,135,6)
```
#bc9606
```
#bc9606 rgb(188,150,6)
```
#cfa507
```
#cfa507 rgb(207,165,7)
```
#e2b407
```
#e2b407 rgb(226,180,7)
```
#f5c308
```
#f5c308 rgb(245,195,8)
```

Shade Color Variation

#f7c919
```
#f7c919 rgb(247,201,25)
```
#f8cd2c
```
#f8cd2c rgb(248,205,44)
```
#f9d23f
```
#f9d23f rgb(249,210,63)
```
#f9d652
```
#f9d652 rgb(249,214,82)
```
#fadb65
```
#fadb65 rgb(250,219,101)
```
#fbdf78
```
#fbdf78 rgb(251,223,120)
```
#fbe48b
```
#fbe48b rgb(251,228,139)
```
#fce89e
```
#fce89e rgb(252,232,158)
```
#fcedb1
```
#fcedb1 rgb(252,237,177)
```
#fdf1c4
```
#fdf1c4 rgb(253,241,196)
```
#fef6d7
```
#fef6d7 rgb(254,246,215)
```
#fefaea
```
#fefaea rgb(254,250,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#80807d
```
#80807d rgb(128,128,125)
```
#8a8573
```
#8a8573 rgb(138,133,115)
```
#948b69
```
#948b69 rgb(148,139,105)
```
#9d9060
```
#9d9060 rgb(157,144,96)
```
#a79656
```
#a79656 rgb(167,150,86)
```
#b19c4c
```
#b19c4c rgb(177,156,76)
```
#bba142
```
#bba142 rgb(187,161,66)
```
#c4a739
```
#c4a739 rgb(196,167,57)
```
#cead2f
```
#cead2f rgb(206,173,47)
```
#d8b225
```
#d8b225 rgb(216,178,37)
```
#e2b81b
```
#e2b81b rgb(226,184,27)
```
#ebbd12
```
#ebbd12 rgb(235,189,18)
```
#f5c308
```
#f5c308 rgb(245,195,8)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c8be99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cc17 Protanopia 1% of men
#ffc21d Deuteranopia 1% of men
#ffb9c5 Tritanopia 0.001% of the population

Trichromacy

#eac812 Protanomaly 1% of men, 0.01% of women
#fbc215 Deuteranomaly 6% of men, 0.4% of women
#fbbc80 Tritanomaly 0.01% of the population