#ffab0a hex color

In a RGB color space, hex #ffab0a is composed of 100% red, 67.1% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.9% magenta, 96.1% yellow and 0% black. It has a hue angle of 39.4 degrees, a saturation of 100% and a lightness of 52%. #ffab0a color hex could be obtained by blending #ffff14 with #ff5700. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 100
- G 67
- B 4
RGB color chart
- C 0
- M 33
- Y 96
- K 0
CMYK color chart

● #ffab0a color description : Vivid orange.

The hexadecimal color #ffab0a has RGB values of R:255, G:171, B:10 and CMYK values of C:0, M:0.33, Y:0.96, K:0. Its decimal value is 16755466.

Hex triplet	ffab0a	`#ffab0a`
RGB Decimal	255, 171, 10	`rgb(255,171,10)`
RGB Percent	100, 67.1, 3.9	`rgb(100%,67.1%,3.9%)`
CMYK	0, 33, 96, 0
HSL	39.4°, 100, 52	`hsl(39.4,100%,52%)`
HSV (or HSB)	39.4°, 96.1, 100
Web Safe	ff9900	`#ff9900`

CIE-LAB	76.321, 20.879, 78.766
XYZ	55.859, 50.412, 7.076
xyY	0.493, 0.445, 50.412
CIE-LCH	76.321, 81.486, 75.154
CIE-LUV	76.321, 69.758, 75.561
Hunter-Lab	71.001, 16.181, 43.792
Binary	11111111, 10101011, 00001010

#ffab0a
```
#ffab0a rgb(255,171,10)
```
#0a5eff
```
#0a5eff rgb(10,94,255)
```

Complementary Color

#ff310a
```
#ff310a rgb(255,49,10)
```
#ffab0a
```
#ffab0a rgb(255,171,10)
```
#d9ff0a
```
#d9ff0a rgb(217,255,10)
```

Analogous Color

#310aff
```
#310aff rgb(49,10,255)
```
#ffab0a
```
#ffab0a rgb(255,171,10)
```
#0ad9ff
```
#0ad9ff rgb(10,217,255)
```

Split Complementary Color

#ab0aff
```
#ab0aff rgb(171,10,255)
```
#ffab0a
```
#ffab0a rgb(255,171,10)
```
#0affab
```
#0affab rgb(10,255,171)
```

Triadic Color

#ff0a5e
```
#ff0a5e rgb(255,10,94)
```
#ffab0a
```
#ffab0a rgb(255,171,10)
```
#0affab
```
#0affab rgb(10,255,171)
```
#0a5eff
```
#0a5eff rgb(10,94,255)
```

Tetradic Color

#bd7c00
```
#bd7c00 rgb(189,124,0)
```
#d68d00
```
#d68d00 rgb(214,141,0)
```
#f09d00
```
#f09d00 rgb(240,157,0)
```
#ffab0a
```
#ffab0a rgb(255,171,10)
```
#ffb424
```
#ffb424 rgb(255,180,36)
```
#ffbc3d
```
#ffbc3d rgb(255,188,61)
```
#ffc557
```
#ffc557 rgb(255,197,87)
```

Monochromatic Color

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

#ff6e0a
```
#ff6e0a rgb(255,110,10)
```
#ff820a
```
#ff820a rgb(255,130,10)
```
#ff970a
```
#ff970a rgb(255,151,10)
```
#ffab0a
```
#ffab0a rgb(255,171,10)
```
#ffbf0a
```
#ffbf0a rgb(255,191,10)
```
#ffd40a
```
#ffd40a rgb(255,212,10)
```
#ffe80a
```
#ffe80a rgb(255,232,10)
```

Similar Colors

Text with hexadecimal color #ffab0a

This text has a font color of #ffab0a.

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

#ffab0a background color

This paragraph has a background color of #ffab0a.

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

#ffab0a border color

This element has a border color of #ffab0a.

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

CSS codes

.text {color:#ffab0a;}

.background {background-color:#ffab0a;}

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

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

#0a0700
```
#0a0700 rgb(10,7,0)
```
#1e1300
```
#1e1300 rgb(30,19,0)
```
#312000
```
#312000 rgb(49,32,0)
```
#452d00
```
#452d00 rgb(69,45,0)
```
#583a00
```
#583a00 rgb(88,58,0)
```
#6c4700
```
#6c4700 rgb(108,71,0)
```
#805400
```
#805400 rgb(128,84,0)
```
#936100
```
#936100 rgb(147,97,0)
```
#a76e00
```
#a76e00 rgb(167,110,0)
```
#bb7b00
```
#bb7b00 rgb(187,123,0)
```
#ce8700
```
#ce8700 rgb(206,135,0)
```
#e29400
```
#e29400 rgb(226,148,0)
```
#f5a100
```
#f5a100 rgb(245,161,0)
```

Shade Color Variation

#ffab0a
```
#ffab0a rgb(255,171,10)
```
#ffb21e
```
#ffb21e rgb(255,178,30)
```
#ffb831
```
#ffb831 rgb(255,184,49)
```
#ffbf45
```
#ffbf45 rgb(255,191,69)
```
#ffc658
```
#ffc658 rgb(255,198,88)
```
#ffcd6c
```
#ffcd6c rgb(255,205,108)
```
#ffd380
```
#ffd380 rgb(255,211,128)
```
#ffda93
```
#ffda93 rgb(255,218,147)
```
#ffe1a7
```
#ffe1a7 rgb(255,225,167)
```
#ffe8bb
```
#ffe8bb rgb(255,232,187)
```
#ffeece
```
#ffeece rgb(255,238,206)
```
#fff5e2
```
#fff5e2 rgb(255,245,226)
```
#fffcf5
```
#fffcf5 rgb(255,252,245)
```

Tint Color Variation

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

#8e877b
```
#8e877b rgb(142,135,123)
```
#978a72
```
#978a72 rgb(151,138,114)
```
#a18d68
```
#a18d68 rgb(161,141,104)
```
#aa905f
```
#aa905f rgb(170,144,95)
```
#b49355
```
#b49355 rgb(180,147,85)
```
#bd964c
```
#bd964c rgb(189,150,76)
```
#c69943
```
#c69943 rgb(198,153,67)
```
#d09c39
```
#d09c39 rgb(208,156,57)
```
#d99f30
```
#d99f30 rgb(217,159,48)
```
#e3a226
```
#e3a226 rgb(227,162,38)
```
#eca51d
```
#eca51d rgb(236,165,29)
```
#f6a813
```
#f6a813 rgb(246,168,19)
```
#ffab0a
```
#ffab0a rgb(255,171,10)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#c1b190 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c01d Protanopia 1% of men
#f0b600 Deuteranopia 1% of men
#ffa7b1 Tritanopia 0.001% of the population

Trichromacy

#e5b816 Protanomaly 1% of men, 0.01% of women
#f5b203 Deuteranomaly 6% of men, 0.4% of women
#ffa874 Tritanomaly 0.01% of the population

#ffab0a hex color

#ffab0a Color Information

#ffab0a Color Conversion

Color Schemes with #ffab0a

Alternatives to #ffab0a

#ffab0a Preview

Shades and Tints of #ffab0a

Tones of #ffab0a

Color Blindness Simulator