#ffaf78 hex color

In a RGB color space, hex #ffaf78 is composed of 100% red, 68.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 52.9% yellow and 0% black. It has a hue angle of 24.4 degrees, a saturation of 100% and a lightness of 73.5%. #ffaf78 color hex could be obtained by blending #fffff0 with #ff5f00. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 100
- G 69
- B 47
RGB color chart
- C 0
- M 31
- Y 53
- K 0
CMYK color chart

● #ffaf78 color description : Very light orange.

The hexadecimal color #ffaf78 has RGB values of R:255, G:175, B:120 and CMYK values of C:0, M:0.31, Y:0.53, K:0. Its decimal value is 16756600.

Hex triplet	ffaf78	`#ffaf78`
RGB Decimal	255, 175, 120	`rgb(255,175,120)`
RGB Percent	100, 68.6, 47.1	`rgb(100%,68.6%,47.1%)`
CMYK	0, 31, 53, 0
HSL	24.4°, 100, 73.5	`hsl(24.4,100%,73.5%)`
HSV (or HSB)	24.4°, 52.9, 100
Web Safe	ff9966	`#ff9966`

CIE-LAB	78.04, 23.481, 39.842
XYZ	59.961, 53.28, 24.894
xyY	0.434, 0.386, 53.28
CIE-LCH	78.04, 46.247, 59.487
CIE-LUV	78.04, 59.854, 45.809
Hunter-Lab	72.993, 18.894, 30.874
Binary	11111111, 10101111, 01111000

#ffaf78
```
#ffaf78 rgb(255,175,120)
```
#78c8ff
```
#78c8ff rgb(120,200,255)
```

Complementary Color

#ff7885
```
#ff7885 rgb(255,120,133)
```
#ffaf78
```
#ffaf78 rgb(255,175,120)
```
#fff378
```
#fff378 rgb(255,243,120)
```

Analogous Color

#7885ff
```
#7885ff rgb(120,133,255)
```
#ffaf78
```
#ffaf78 rgb(255,175,120)
```
#78fff3
```
#78fff3 rgb(120,255,243)
```

Split Complementary Color

#af78ff
```
#af78ff rgb(175,120,255)
```
#ffaf78
```
#ffaf78 rgb(255,175,120)
```
#78ffaf
```
#78ffaf rgb(120,255,175)
```

Triadic Color

#ff78c8
```
#ff78c8 rgb(255,120,200)
```
#ffaf78
```
#ffaf78 rgb(255,175,120)
```
#78ffaf
```
#78ffaf rgb(120,255,175)
```
#78c8ff
```
#78c8ff rgb(120,200,255)
```

Tetradic Color

#ff822c
```
#ff822c rgb(255,130,44)
```
#ff9145
```
#ff9145 rgb(255,145,69)
```
#ffa05f
```
#ffa05f rgb(255,160,95)
```
#ffaf78
```
#ffaf78 rgb(255,175,120)
```
#ffbe92
```
#ffbe92 rgb(255,190,146)
```
#ffcdab
```
#ffcdab rgb(255,205,171)
```
#ffdcc5
```
#ffdcc5 rgb(255,220,197)
```

Monochromatic Color

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

#ff8d78
```
#ff8d78 rgb(255,141,120)
```
#ff9978
```
#ff9978 rgb(255,153,120)
```
#ffa478
```
#ffa478 rgb(255,164,120)
```
#ffaf78
```
#ffaf78 rgb(255,175,120)
```
#ffba78
```
#ffba78 rgb(255,186,120)
```
#ffc678
```
#ffc678 rgb(255,198,120)
```
#ffd178
```
#ffd178 rgb(255,209,120)
```

Similar Colors

Text with hexadecimal color #ffaf78

This text has a font color of #ffaf78.

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

#ffaf78 background color

This paragraph has a background color of #ffaf78.

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

#ffaf78 border color

This element has a border color of #ffaf78.

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

CSS codes

.text {color:#ffaf78;}

.background {background-color:#ffaf78;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#160900
```
#160900 rgb(22,9,0)
```
#2a1100
```
#2a1100 rgb(42,17,0)
```
#3d1900
```
#3d1900 rgb(61,25,0)
```
#512100
```
#512100 rgb(81,33,0)
```
#642900
```
#642900 rgb(100,41,0)
```
#783100
```
#783100 rgb(120,49,0)
```
#8c3900
```
#8c3900 rgb(140,57,0)
```
#9f4100
```
#9f4100 rgb(159,65,0)
```
#b34900
```
#b34900 rgb(179,73,0)
```
#c65100
```
#c65100 rgb(198,81,0)
```
#da5900
```
#da5900 rgb(218,89,0)
```
#ee6100
```
#ee6100 rgb(238,97,0)
```

Shade Color Variation

#ff6902
```
#ff6902 rgb(255,105,2)
```
#ff7516
```
#ff7516 rgb(255,117,22)
```
#ff812a
```
#ff812a rgb(255,129,42)
```
#ff8c3d
```
#ff8c3d rgb(255,140,61)
```
#ff9851
```
#ff9851 rgb(255,152,81)
```
#ffa364
```
#ffa364 rgb(255,163,100)
```
#ffaf78
```
#ffaf78 rgb(255,175,120)
```
#ffbb8c
```
#ffbb8c rgb(255,187,140)
```
#ffc69f
```
#ffc69f rgb(255,198,159)
```
#ffd2b3
```
#ffd2b3 rgb(255,210,179)
```
#ffddc6
```
#ffddc6 rgb(255,221,198)
```
#ffe9da
```
#ffe9da rgb(255,233,218)
```
#fff5ee
```
#fff5ee rgb(255,245,238)
```

Tint Color Variation

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

#c1bbb6
```
#c1bbb6 rgb(193,187,182)
```
#c6bab1
```
#c6bab1 rgb(198,186,177)
```
#cbb9ac
```
#cbb9ac rgb(203,185,172)
```
#d0b8a7
```
#d0b8a7 rgb(208,184,167)
```
#d5b7a2
```
#d5b7a2 rgb(213,183,162)
```
#dbb69c
```
#dbb69c rgb(219,182,156)
```
#e0b597
```
#e0b597 rgb(224,181,151)
```
#e5b492
```
#e5b492 rgb(229,180,146)
```
#eab38d
```
#eab38d rgb(234,179,141)
```
#efb288
```
#efb288 rgb(239,178,136)
```
#f5b182
```
#f5b182 rgb(245,177,130)
```
#fab07d
```
#fab07d rgb(250,176,125)
```
#ffaf78
```
#ffaf78 rgb(255,175,120)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#cdbdb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c485 Protanopia 1% of men
#ebbb7c Deuteranopia 1% of men
#ffaeb8 Tritanopia 0.001% of the population

Trichromacy

#e3bc80 Protanomaly 1% of men, 0.01% of women
#f2b77a Deuteranomaly 6% of men, 0.4% of women
#ffaea1 Tritanomaly 0.01% of the population

#ffaf78 hex color

#ffaf78 Color Information

#ffaf78 Color Conversion

Color Schemes with #ffaf78

Alternatives to #ffaf78

#ffaf78 Preview

Shades and Tints of #ffaf78

Tones of #ffaf78

Color Blindness Simulator