#ffaf74 hex color

In a RGB color space, hex #ffaf74 is composed of 100% red, 68.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 54.5% yellow and 0% black. It has a hue angle of 25.5 degrees, a saturation of 100% and a lightness of 72.7%. #ffaf74 color hex could be obtained by blending #ffffe8 with #ff5f00. Closest websafe color is: #ff9966.

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

● #ffaf74 color description : Very light orange.

The hexadecimal color #ffaf74 has RGB values of R:255, G:175, B:116 and CMYK values of C:0, M:0.31, Y:0.55, K:0. Its decimal value is 16756596.

Hex triplet	ffaf74	`#ffaf74`
RGB Decimal	255, 175, 116	`rgb(255,175,116)`
RGB Percent	100, 68.6, 45.5	`rgb(100%,68.6%,45.5%)`
CMYK	0, 31, 55, 0
HSL	25.5°, 100, 72.7	`hsl(25.5,100%,72.7%)`
HSV (or HSB)	25.5°, 54.5, 100
Web Safe	ff9966	`#ff9966`

CIE-LAB	77.984, 23.155, 41.831
XYZ	59.723, 53.184, 23.642
xyY	0.437, 0.389, 53.184
CIE-LCH	77.984, 47.812, 61.034
CIE-LUV	77.984, 60.292, 47.881
Hunter-Lab	72.928, 18.557, 31.828
Binary	11111111, 10101111, 01110100

#ffaf74
```
#ffaf74 rgb(255,175,116)
```
#74c4ff
```
#74c4ff rgb(116,196,255)
```

Complementary Color

#ff747f
```
#ff747f rgb(255,116,127)
```
#ffaf74
```
#ffaf74 rgb(255,175,116)
```
#fff574
```
#fff574 rgb(255,245,116)
```

Analogous Color

#747fff
```
#747fff rgb(116,127,255)
```
#ffaf74
```
#ffaf74 rgb(255,175,116)
```
#74fff5
```
#74fff5 rgb(116,255,245)
```

Split Complementary Color

#af74ff
```
#af74ff rgb(175,116,255)
```
#ffaf74
```
#ffaf74 rgb(255,175,116)
```
#74ffaf
```
#74ffaf rgb(116,255,175)
```

Triadic Color

#ff74c4
```
#ff74c4 rgb(255,116,196)
```
#ffaf74
```
#ffaf74 rgb(255,175,116)
```
#74ffaf
```
#74ffaf rgb(116,255,175)
```
#74c4ff
```
#74c4ff rgb(116,196,255)
```

Tetradic Color

#ff8328
```
#ff8328 rgb(255,131,40)
```
#ff9241
```
#ff9241 rgb(255,146,65)
```
#ffa05b
```
#ffa05b rgb(255,160,91)
```
#ffaf74
```
#ffaf74 rgb(255,175,116)
```
#ffbe8e
```
#ffbe8e rgb(255,190,142)
```
#ffcca7
```
#ffcca7 rgb(255,204,167)
```
#ffdbc1
```
#ffdbc1 rgb(255,219,193)
```

Monochromatic Color

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

#ff8c74
```
#ff8c74 rgb(255,140,116)
```
#ff9874
```
#ff9874 rgb(255,152,116)
```
#ffa374
```
#ffa374 rgb(255,163,116)
```
#ffaf74
```
#ffaf74 rgb(255,175,116)
```
#ffbb74
```
#ffbb74 rgb(255,187,116)
```
#ffc674
```
#ffc674 rgb(255,198,116)
```
#ffd274
```
#ffd274 rgb(255,210,116)
```

Similar Colors

Text with hexadecimal color #ffaf74

This text has a font color of #ffaf74.

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

#ffaf74 background color

This paragraph has a background color of #ffaf74.

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

#ffaf74 border color

This element has a border color of #ffaf74.

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

CSS codes

.text {color:#ffaf74;}

.background {background-color:#ffaf74;}

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

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

#120800
```
#120800 rgb(18,8,0)
```
#261000
```
#261000 rgb(38,16,0)
```
#391800
```
#391800 rgb(57,24,0)
```
#4d2100
```
#4d2100 rgb(77,33,0)
```
#602900
```
#602900 rgb(96,41,0)
```
#743100
```
#743100 rgb(116,49,0)
```
#883a00
```
#883a00 rgb(136,58,0)
```
#9b4200
```
#9b4200 rgb(155,66,0)
```
#af4a00
```
#af4a00 rgb(175,74,0)
```
#c25300
```
#c25300 rgb(194,83,0)
```
#d65b00
```
#d65b00 rgb(214,91,0)
```
#ea6300
```
#ea6300 rgb(234,99,0)
```
#fd6c00
```
#fd6c00 rgb(253,108,0)
```

Shade Color Variation

#ff7712
```
#ff7712 rgb(255,119,18)
```
#ff8226
```
#ff8226 rgb(255,130,38)
```
#ff8d39
```
#ff8d39 rgb(255,141,57)
```
#ff984d
```
#ff984d rgb(255,152,77)
```
#ffa460
```
#ffa460 rgb(255,164,96)
```
#ffaf74
```
#ffaf74 rgb(255,175,116)
```
#ffba88
```
#ffba88 rgb(255,186,136)
```
#ffc69b
```
#ffc69b rgb(255,198,155)
```
#ffd1af
```
#ffd1af rgb(255,209,175)
```
#ffdcc2
```
#ffdcc2 rgb(255,220,194)
```
#ffe7d6
```
#ffe7d6 rgb(255,231,214)
```
#fff3ea
```
#fff3ea rgb(255,243,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#bfb9b4
```
#bfb9b4 rgb(191,185,180)
```
#c4b8af
```
#c4b8af rgb(196,184,175)
```
#cab7a9
```
#cab7a9 rgb(202,183,169)
```
#cfb6a4
```
#cfb6a4 rgb(207,182,164)
```
#d4b59f
```
#d4b59f rgb(212,181,159)
```
#dab599
```
#dab599 rgb(218,181,153)
```
#dfb494
```
#dfb494 rgb(223,180,148)
```
#e4b38f
```
#e4b38f rgb(228,179,143)
```
#eab289
```
#eab289 rgb(234,178,137)
```
#efb184
```
#efb184 rgb(239,177,132)
```
#f4b17f
```
#f4b17f rgb(244,177,127)
```
#fab079
```
#fab079 rgb(250,176,121)
```
#ffaf74
```
#ffaf74 rgb(255,175,116)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#cdbdb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c381 Protanopia 1% of men
#ecbb78 Deuteranopia 1% of men
#ffaeb8 Tritanopia 0.001% of the population

Trichromacy

#e4bc7c Protanomaly 1% of men, 0.01% of women
#f3b777 Deuteranomaly 6% of men, 0.4% of women
#ffae9f Tritanomaly 0.01% of the population

#ffaf74 hex color

#ffaf74 Color Information

#ffaf74 Color Conversion

Color Schemes with #ffaf74

Alternatives to #ffaf74

#ffaf74 Preview

Shades and Tints of #ffaf74

Tones of #ffaf74

Color Blindness Simulator