colorhexa.com

#f5c448 hex color

In a RGB color space, hex #f5c448 is composed of 96.1% red, 76.9% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 70.6% yellow and 3.9% black. It has a hue angle of 43 degrees, a saturation of 89.6% and a lightness of 62.2%. #f5c448 color hex could be obtained by blending #ffff90 with #eb8900. Closest websafe color is: #ffcc33.

- R 96
- G 77
- B 28
RGB color chart
- C 0
- M 20
- Y 71
- K 4
CMYK color chart

● #f5c448 color description : Bright orange.

The hexadecimal color #f5c448 has RGB values of R:245, G:196, B:72 and CMYK values of C:0, M:0.2, Y:0.71, K:0.04. Its decimal value is 16106568.

Hex triplet	f5c448	`#f5c448`
RGB Decimal	245, 196, 72	`rgb(245,196,72)`
RGB Percent	96.1, 76.9, 28.2	`rgb(96.1%,76.9%,28.2%)`
CMYK	0, 20, 71, 4
HSL	43°, 89.6, 62.2	`hsl(43,89.6%,62.2%)`
HSV (or HSB)	43°, 70.6, 96.1
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.491, 5.256, 65.945
XYZ	58.567, 59.363, 14.504
xyY	0.442, 0.448, 59.363
CIE-LCH	81.491, 66.154, 85.443
CIE-LUV	81.491, 40.459, 74.109
Hunter-Lab	77.047, 0.852, 42.772
Binary	11110101, 11000100, 01001000

#f5c448
```
#f5c448 rgb(245,196,72)
```
#4879f5
```
#4879f5 rgb(72,121,245)
```

Complementary Color

#f56e48
```
#f56e48 rgb(245,110,72)
```
#f5c448
```
#f5c448 rgb(245,196,72)
```
#d0f548
```
#d0f548 rgb(208,245,72)
```

Analogous Color

#6e48f5
```
#6e48f5 rgb(110,72,245)
```
#f5c448
```
#f5c448 rgb(245,196,72)
```
#48d0f5
```
#48d0f5 rgb(72,208,245)
```

Split Complementary Color

#c448f5
```
#c448f5 rgb(196,72,245)
```
#f5c448
```
#f5c448 rgb(245,196,72)
```
#48f5c4
```
#48f5c4 rgb(72,245,196)
```

Triadic Color

#f54879
```
#f54879 rgb(245,72,121)
```
#f5c448
```
#f5c448 rgb(245,196,72)
```
#48f5c4
```
#48f5c4 rgb(72,245,196)
```
#4879f5
```
#4879f5 rgb(72,121,245)
```

Tetradic Color

#e4a70c
```
#e4a70c rgb(228,167,12)
```
#f2b418
```
#f2b418 rgb(242,180,24)
```
#f4bc30
```
#f4bc30 rgb(244,188,48)
```
#f5c448
```
#f5c448 rgb(245,196,72)
```
#f6cc60
```
#f6cc60 rgb(246,204,96)
```
#f8d478
```
#f8d478 rgb(248,212,120)
```
#f9db91
```
#f9db91 rgb(249,219,145)
```

Monochromatic Color

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

#f59948
```
#f59948 rgb(245,153,72)
```
#f5a748
```
#f5a748 rgb(245,167,72)
```
#f5b648
```
#f5b648 rgb(245,182,72)
```
#f5c448
```
#f5c448 rgb(245,196,72)
```
#f5d248
```
#f5d248 rgb(245,210,72)
```
#f5e148
```
#f5e148 rgb(245,225,72)
```
#f5ef48
```
#f5ef48 rgb(245,239,72)
```

Similar Colors

Text with hexadecimal color #f5c448

This text has a font color of #f5c448.

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

#f5c448 background color

This paragraph has a background color of #f5c448.

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

#f5c448 border color

This element has a border color of #f5c448.

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

CSS codes

.text {color:#f5c448;}

.background {background-color:#f5c448;}

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

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, #030200 is the darkest color, while #fefaef is the lightest one.

#030200
```
#030200 rgb(3,2,0)
```
#161001
```
#161001 rgb(22,16,1)
```
#281d02
```
#281d02 rgb(40,29,2)
```
#3b2b03
```
#3b2b03 rgb(59,43,3)
```
#4d3904
```
#4d3904 rgb(77,57,4)
```
#604605
```
#604605 rgb(96,70,5)
```
#735406
```
#735406 rgb(115,84,6)
```
#856207
```
#856207 rgb(133,98,7)
```
#986f08
```
#986f08 rgb(152,111,8)
```
#aa7d09
```
#aa7d09 rgb(170,125,9)
```
#bd8a0a
```
#bd8a0a rgb(189,138,10)
```
#d0980b
```
#d0980b rgb(208,152,11)
```
#e2a60c
```
#e2a60c rgb(226,166,12)
```

Shade Color Variation

#f2b210
```
#f2b210 rgb(242,178,16)
```
#f3b823
```
#f3b823 rgb(243,184,35)
```
#f4be35
```
#f4be35 rgb(244,190,53)
```
#f5c448
```
#f5c448 rgb(245,196,72)
```
#f6ca5b
```
#f6ca5b rgb(246,202,91)
```
#f7d06d
```
#f7d06d rgb(247,208,109)
```
#f8d680
```
#f8d680 rgb(248,214,128)
```
#f9dc92
```
#f9dc92 rgb(249,220,146)
```
#fae2a5
```
#fae2a5 rgb(250,226,165)
```
#fbe8b8
```
#fbe8b8 rgb(251,232,184)
```
#fceeca
```
#fceeca rgb(252,238,202)
```
#fdf4dd
```
#fdf4dd rgb(253,244,221)
```
#fefaef
```
#fefaef rgb(254,250,239)
```

Tint Color Variation

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

#a3a19a
```
#a3a19a rgb(163,161,154)
```
#aba492
```
#aba492 rgb(171,164,146)
```
#b2a78b
```
#b2a78b rgb(178,167,139)
```
#baaa83
```
#baaa83 rgb(186,170,131)
```
#c1ad7c
```
#c1ad7c rgb(193,173,124)
```
#c8b175
```
#c8b175 rgb(200,177,117)
```
#d0b46d
```
#d0b46d rgb(208,180,109)
```
#d7b766
```
#d7b766 rgb(215,183,102)
```
#dfba5e
```
#dfba5e rgb(223,186,94)
```
#e6be57
```
#e6be57 rgb(230,190,87)
```
#eec14f
```
#eec14f rgb(238,193,79)
```
#f5c448
```
#f5c448 rgb(245,196,72)
```
#fcc741
```
#fcc741 rgb(252,199,65)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#cfc5ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cd53 Protanopia 1% of men
#fdc352 Deuteranopia 1% of men
#ffbbc8 Tritanopia 0.001% of the population

Trichromacy

#eaca4f Protanomaly 1% of men, 0.01% of women
#fac34e Deuteranomaly 6% of men, 0.4% of women
#fbbe99 Tritanomaly 0.01% of the population