#ffaf45 hex color

In a RGB color space, hex #ffaf45 is composed of 100% red, 68.6% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 72.9% yellow and 0% black. It has a hue angle of 34.2 degrees, a saturation of 100% and a lightness of 63.5%. #ffaf45 color hex could be obtained by blending #ffff8a with #ff5f00. Closest websafe color is: #ff9933.

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

● #ffaf45 color description : Light orange.

The hexadecimal color #ffaf45 has RGB values of R:255, G:175, B:69 and CMYK values of C:0, M:0.31, Y:0.73, K:0. Its decimal value is 16756549.

Hex triplet	ffaf45	`#ffaf45`
RGB Decimal	255, 175, 69	`rgb(255,175,69)`
RGB Percent	100, 68.6, 27.1	`rgb(100%,68.6%,27.1%)`
CMYK	0, 31, 73, 0
HSL	34.2°, 100, 63.5	`hsl(34.2,100%,63.5%)`
HSV (or HSB)	34.2°, 72.9, 100
Web Safe	ff9933	`#ff9933`

CIE-LAB	77.492, 20.251, 63.476
XYZ	57.645, 52.353, 12.699
xyY	0.47, 0.427, 52.353
CIE-LCH	77.492, 66.628, 72.305
CIE-LUV	77.492, 64.347, 66.953
Hunter-Lab	72.356, 15.588, 40.243
Binary	11111111, 10101111, 01000101

#ffaf45
```
#ffaf45 rgb(255,175,69)
```
#4595ff
```
#4595ff rgb(69,149,255)
```

Complementary Color

#ff5245
```
#ff5245 rgb(255,82,69)
```
#ffaf45
```
#ffaf45 rgb(255,175,69)
```
#f2ff45
```
#f2ff45 rgb(242,255,69)
```

Analogous Color

#5245ff
```
#5245ff rgb(82,69,255)
```
#ffaf45
```
#ffaf45 rgb(255,175,69)
```
#45f2ff
```
#45f2ff rgb(69,242,255)
```

Split Complementary Color

#af45ff
```
#af45ff rgb(175,69,255)
```
#ffaf45
```
#ffaf45 rgb(255,175,69)
```
#45ffaf
```
#45ffaf rgb(69,255,175)
```

Triadic Color

#ff4595
```
#ff4595 rgb(255,69,149)
```
#ffaf45
```
#ffaf45 rgb(255,175,69)
```
#45ffaf
```
#45ffaf rgb(69,255,175)
```
#4595ff
```
#4595ff rgb(69,149,255)
```

Tetradic Color

#f88d00
```
#f88d00 rgb(248,141,0)
```
#ff9912
```
#ff9912 rgb(255,153,18)
```
#ffa42c
```
#ffa42c rgb(255,164,44)
```
#ffaf45
```
#ffaf45 rgb(255,175,69)
```
#ffba5f
```
#ffba5f rgb(255,186,95)
```
#ffc578
```
#ffc578 rgb(255,197,120)
```
#ffd092
```
#ffd092 rgb(255,208,146)
```

Monochromatic Color

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

#ff8145
```
#ff8145 rgb(255,129,69)
```
#ff9045
```
#ff9045 rgb(255,144,69)
```
#ffa045
```
#ffa045 rgb(255,160,69)
```
#ffaf45
```
#ffaf45 rgb(255,175,69)
```
#ffbf45
```
#ffbf45 rgb(255,191,69)
```
#ffce45
```
#ffce45 rgb(255,206,69)
```
#ffde45
```
#ffde45 rgb(255,222,69)
```

Similar Colors

Text with hexadecimal color #ffaf45

This text has a font color of #ffaf45.

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

#ffaf45 background color

This paragraph has a background color of #ffaf45.

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

#ffaf45 border color

This element has a border color of #ffaf45.

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

CSS codes

.text {color:#ffaf45;}

.background {background-color:#ffaf45;}

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

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

#0a0600
```
#0a0600 rgb(10,6,0)
```
#1e1100
```
#1e1100 rgb(30,17,0)
```
#311c00
```
#311c00 rgb(49,28,0)
```
#452700
```
#452700 rgb(69,39,0)
```
#593300
```
#593300 rgb(89,51,0)
```
#6c3e00
```
#6c3e00 rgb(108,62,0)
```
#804900
```
#804900 rgb(128,73,0)
```
#935400
```
#935400 rgb(147,84,0)
```
#a75f00
```
#a75f00 rgb(167,95,0)
```
#bb6a00
```
#bb6a00 rgb(187,106,0)
```
#ce7600
```
#ce7600 rgb(206,118,0)
```
#e28100
```
#e28100 rgb(226,129,0)
```
#f68c00
```
#f68c00 rgb(246,140,0)
```

Shade Color Variation

#ff960a
```
#ff960a rgb(255,150,10)
```
#ff9e1e
```
#ff9e1e rgb(255,158,30)
```
#ffa731
```
#ffa731 rgb(255,167,49)
```
#ffaf45
```
#ffaf45 rgb(255,175,69)
```
#ffb759
```
#ffb759 rgb(255,183,89)
```
#ffc06c
```
#ffc06c rgb(255,192,108)
```
#ffc880
```
#ffc880 rgb(255,200,128)
```
#ffd193
```
#ffd193 rgb(255,209,147)
```
#ffd9a7
```
#ffd9a7 rgb(255,217,167)
```
#ffe2bb
```
#ffe2bb rgb(255,226,187)
```
#ffeace
```
#ffeace rgb(255,234,206)
```
#fff2e2
```
#fff2e2 rgb(255,242,226)
```
#fffbf6
```
#fffbf6 rgb(255,251,246)
```

Tint Color Variation

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

#a9a39b
```
#a9a39b rgb(169,163,155)
```
#b0a494
```
#b0a494 rgb(176,164,148)
```
#b7a58d
```
#b7a58d rgb(183,165,141)
```
#bfa685
```
#bfa685 rgb(191,166,133)
```
#c6a77e
```
#c6a77e rgb(198,167,126)
```
#cda877
```
#cda877 rgb(205,168,119)
```
#d4a970
```
#d4a970 rgb(212,169,112)
```
#dbaa69
```
#dbaa69 rgb(219,170,105)
```
#e2ab62
```
#e2ab62 rgb(226,171,98)
```
#eaac5a
```
#eaac5a rgb(234,172,90)
```
#f1ad53
```
#f1ad53 rgb(241,173,83)
```
#f8ae4c
```
#f8ae4c rgb(248,174,76)
```
#ffaf45
```
#ffaf45 rgb(255,175,69)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#c9b9a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c353 Protanopia 1% of men
#f0b94c Deuteranopia 1% of men
#ffacb6 Tritanopia 0.001% of the population

Trichromacy

#e6bb4d Protanomaly 1% of men, 0.01% of women
#f5b549 Deuteranomaly 6% of men, 0.4% of women
#ffad8c Tritanomaly 0.01% of the population

#ffaf45 hex color

#ffaf45 Color Information

#ffaf45 Color Conversion

Color Schemes with #ffaf45

Alternatives to #ffaf45

#ffaf45 Preview

Shades and Tints of #ffaf45

Tones of #ffaf45

Color Blindness Simulator