#ffaf1a hex color

In a RGB color space, hex #ffaf1a is composed of 100% red, 68.6% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 89.8% yellow and 0% black. It has a hue angle of 39 degrees, a saturation of 100% and a lightness of 55.1%. #ffaf1a color hex could be obtained by blending #ffff34 with #ff5f00. Closest websafe color is: #ff9933.

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

● #ffaf1a color description : Vivid orange.

The hexadecimal color #ffaf1a has RGB values of R:255, G:175, B:26 and CMYK values of C:0, M:0.31, Y:0.9, K:0. Its decimal value is 16756506.

Hex triplet	ffaf1a	`#ffaf1a`
RGB Decimal	255, 175, 26	`rgb(255,175,26)`
RGB Percent	100, 68.6, 10.2	`rgb(100%,68.6%,10.2%)`
CMYK	0, 31, 90, 0
HSL	39°, 100, 55.1	`hsl(39,100%,55.1%)`
HSV (or HSB)	39°, 89.8, 100
Web Safe	ff9933	`#ff9933`

CIE-LAB	77.28, 18.981, 76.974
XYZ	56.758, 51.998, 8.025
xyY	0.486, 0.445, 51.998
CIE-LCH	77.28, 79.28, 76.148
CIE-LUV	77.28, 66.209, 75.671
Hunter-Lab	72.11, 14.306, 43.879
Binary	11111111, 10101111, 00011010

#ffaf1a
```
#ffaf1a rgb(255,175,26)
```
#1a6aff
```
#1a6aff rgb(26,106,255)
```

Complementary Color

#ff3d1a
```
#ff3d1a rgb(255,61,26)
```
#ffaf1a
```
#ffaf1a rgb(255,175,26)
```
#ddff1a
```
#ddff1a rgb(221,255,26)
```

Analogous Color

#3d1aff
```
#3d1aff rgb(61,26,255)
```
#ffaf1a
```
#ffaf1a rgb(255,175,26)
```
#1addff
```
#1addff rgb(26,221,255)
```

Split Complementary Color

#af1aff
```
#af1aff rgb(175,26,255)
```
#ffaf1a
```
#ffaf1a rgb(255,175,26)
```
#1affaf
```
#1affaf rgb(26,255,175)
```

Triadic Color

#ff1a6a
```
#ff1a6a rgb(255,26,106)
```
#ffaf1a
```
#ffaf1a rgb(255,175,26)
```
#1affaf
```
#1affaf rgb(26,255,175)
```
#1a6aff
```
#1a6aff rgb(26,106,255)
```

Tetradic Color

#cd8500
```
#cd8500 rgb(205,133,0)
```
#e69600
```
#e69600 rgb(230,150,0)
```
#ffa600
```
#ffa600 rgb(255,166,0)
```
#ffaf1a
```
#ffaf1a rgb(255,175,26)
```
#ffb834
```
#ffb834 rgb(255,184,52)
```
#ffc14d
```
#ffc14d rgb(255,193,77)
```
#ffca67
```
#ffca67 rgb(255,202,103)
```

Monochromatic Color

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

#ff761a
```
#ff761a rgb(255,118,26)
```
#ff891a
```
#ff891a rgb(255,137,26)
```
#ff9c1a
```
#ff9c1a rgb(255,156,26)
```
#ffaf1a
```
#ffaf1a rgb(255,175,26)
```
#ffc21a
```
#ffc21a rgb(255,194,26)
```
#ffd51a
```
#ffd51a rgb(255,213,26)
```
#ffe81a
```
#ffe81a rgb(255,232,26)
```

Similar Colors

Text with hexadecimal color #ffaf1a

This text has a font color of #ffaf1a.

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

#ffaf1a background color

This paragraph has a background color of #ffaf1a.

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

#ffaf1a border color

This element has a border color of #ffaf1a.

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

CSS codes

.text {color:#ffaf1a;}

.background {background-color:#ffaf1a;}

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

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

#060400
```
#060400 rgb(6,4,0)
```
#1a1100
```
#1a1100 rgb(26,17,0)
```
#2e1e00
```
#2e1e00 rgb(46,30,0)
```
#412a00
```
#412a00 rgb(65,42,0)
```
#553700
```
#553700 rgb(85,55,0)
```
#684400
```
#684400 rgb(104,68,0)
```
#7c5100
```
#7c5100 rgb(124,81,0)
```
#905d00
```
#905d00 rgb(144,93,0)
```
#a36a00
```
#a36a00 rgb(163,106,0)
```
#b77700
```
#b77700 rgb(183,119,0)
```
#cb8400
```
#cb8400 rgb(203,132,0)
```
#de9100
```
#de9100 rgb(222,145,0)
```
#f29d00
```
#f29d00 rgb(242,157,0)
```

Shade Color Variation

#ffa806
```
#ffa806 rgb(255,168,6)
```
#ffaf1a
```
#ffaf1a rgb(255,175,26)
```
#ffb62e
```
#ffb62e rgb(255,182,46)
```
#ffbd41
```
#ffbd41 rgb(255,189,65)
```
#ffc455
```
#ffc455 rgb(255,196,85)
```
#ffca68
```
#ffca68 rgb(255,202,104)
```
#ffd17c
```
#ffd17c rgb(255,209,124)
```
#ffd890
```
#ffd890 rgb(255,216,144)
```
#ffdfa3
```
#ffdfa3 rgb(255,223,163)
```
#ffe6b7
```
#ffe6b7 rgb(255,230,183)
```
#ffedcb
```
#ffedcb rgb(255,237,203)
```
#fff4de
```
#fff4de rgb(255,244,222)
```
#fffaf2
```
#fffaf2 rgb(255,250,242)
```

Tint Color Variation

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

#958f84
```
#958f84 rgb(149,143,132)
```
#9e927b
```
#9e927b rgb(158,146,123)
```
#a79472
```
#a79472 rgb(167,148,114)
```
#b09769
```
#b09769 rgb(176,151,105)
```
#b99a60
```
#b99a60 rgb(185,154,96)
```
#c19c58
```
#c19c58 rgb(193,156,88)
```
#ca9f4f
```
#ca9f4f rgb(202,159,79)
```
#d3a246
```
#d3a246 rgb(211,162,70)
```
#dca43d
```
#dca43d rgb(220,164,61)
```
#e5a734
```
#e5a734 rgb(229,167,52)
```
#edaa2c
```
#edaa2c rgb(237,170,44)
```
#f6ac23
```
#f6ac23 rgb(246,172,35)
```
#ffaf1a
```
#ffaf1a rgb(255,175,26)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#c5b597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c22a Protanopia 1% of men
#f2b820 Deuteranopia 1% of men
#ffabb4 Tritanopia 0.001% of the population

Trichromacy

#e7bb24 Protanomaly 1% of men, 0.01% of women
#f7b51e Deuteranomaly 6% of men, 0.4% of women
#ffac7c Tritanomaly 0.01% of the population

#ffaf1a hex color

#ffaf1a Color Information

#ffaf1a Color Conversion

Color Schemes with #ffaf1a

Alternatives to #ffaf1a

#ffaf1a Preview

Shades and Tints of #ffaf1a

Tones of #ffaf1a

Color Blindness Simulator