#ffab0b hex color

In a RGB color space, hex #ffab0b is composed of 100% red, 67.1% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.9% magenta, 95.7% yellow and 0% black. It has a hue angle of 39.3 degrees, a saturation of 100% and a lightness of 52.2%. #ffab0b color hex could be obtained by blending #ffff16 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

● #ffab0b color description : Vivid orange.

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

Hex triplet	ffab0b	`#ffab0b`
RGB Decimal	255, 171, 11	`rgb(255,171,11)`
RGB Percent	100, 67.1, 4.3	`rgb(100%,67.1%,4.3%)`
CMYK	0, 33, 96, 0
HSL	39.3°, 100, 52.2	`hsl(39.3,100%,52.2%)`
HSV (or HSB)	39.3°, 95.7, 100
Web Safe	ff9900	`#ff9900`

CIE-LAB	76.323, 20.887, 78.657
XYZ	55.865, 50.414, 7.105
xyY	0.493, 0.445, 50.414
CIE-LCH	76.323, 81.383, 75.129
CIE-LUV	76.323, 69.745, 75.503
Hunter-Lab	71.003, 16.189, 43.769
Binary	11111111, 10101011, 00001011

#ffab0b
```
#ffab0b rgb(255,171,11)
```
#0b5fff
```
#0b5fff rgb(11,95,255)
```

Complementary Color

#ff310b
```
#ff310b rgb(255,49,11)
```
#ffab0b
```
#ffab0b rgb(255,171,11)
```
#d9ff0b
```
#d9ff0b rgb(217,255,11)
```

Analogous Color

#310bff
```
#310bff rgb(49,11,255)
```
#ffab0b
```
#ffab0b rgb(255,171,11)
```
#0bd9ff
```
#0bd9ff rgb(11,217,255)
```

Split Complementary Color

#ab0bff
```
#ab0bff rgb(171,11,255)
```
#ffab0b
```
#ffab0b rgb(255,171,11)
```
#0bffab
```
#0bffab rgb(11,255,171)
```

Triadic Color

#ff0b5f
```
#ff0b5f rgb(255,11,95)
```
#ffab0b
```
#ffab0b rgb(255,171,11)
```
#0bffab
```
#0bffab rgb(11,255,171)
```
#0b5fff
```
#0b5fff rgb(11,95,255)
```

Tetradic Color

#be7c00
```
#be7c00 rgb(190,124,0)
```
#d78d00
```
#d78d00 rgb(215,141,0)
```
#f19e00
```
#f19e00 rgb(241,158,0)
```
#ffab0b
```
#ffab0b rgb(255,171,11)
```
#ffb425
```
#ffb425 rgb(255,180,37)
```
#ffbd3e
```
#ffbd3e rgb(255,189,62)
```
#ffc558
```
#ffc558 rgb(255,197,88)
```

Monochromatic Color

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

#ff6e0b
```
#ff6e0b rgb(255,110,11)
```
#ff820b
```
#ff820b rgb(255,130,11)
```
#ff970b
```
#ff970b rgb(255,151,11)
```
#ffab0b
```
#ffab0b rgb(255,171,11)
```
#ffbf0b
```
#ffbf0b rgb(255,191,11)
```
#ffd40b
```
#ffd40b rgb(255,212,11)
```
#ffe80b
```
#ffe80b rgb(255,232,11)
```

Similar Colors

Text with hexadecimal color #ffab0b

This text has a font color of #ffab0b.

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

#ffab0b background color

This paragraph has a background color of #ffab0b.

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

#ffab0b border color

This element has a border color of #ffab0b.

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

CSS codes

.text {color:#ffab0b;}

.background {background-color:#ffab0b;}

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

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

#0b0700
```
#0b0700 rgb(11,7,0)
```
#1f1400
```
#1f1400 rgb(31,20,0)
```
#322100
```
#322100 rgb(50,33,0)
```
#462e00
```
#462e00 rgb(70,46,0)
```
#593b00
```
#593b00 rgb(89,59,0)
```
#6d4800
```
#6d4800 rgb(109,72,0)
```
#815400
```
#815400 rgb(129,84,0)
```
#946100
```
#946100 rgb(148,97,0)
```
#a86e00
```
#a86e00 rgb(168,110,0)
```
#bc7b00
```
#bc7b00 rgb(188,123,0)
```
#cf8800
```
#cf8800 rgb(207,136,0)
```
#e39500
```
#e39500 rgb(227,149,0)
```
#f6a200
```
#f6a200 rgb(246,162,0)
```

Shade Color Variation

#ffab0b
```
#ffab0b rgb(255,171,11)
```
#ffb21f
```
#ffb21f rgb(255,178,31)
```
#ffb932
```
#ffb932 rgb(255,185,50)
```
#ffbf46
```
#ffbf46 rgb(255,191,70)
```
#ffc659
```
#ffc659 rgb(255,198,89)
```
#ffcd6d
```
#ffcd6d rgb(255,205,109)
```
#ffd481
```
#ffd481 rgb(255,212,129)
```
#ffda94
```
#ffda94 rgb(255,218,148)
```
#ffe1a8
```
#ffe1a8 rgb(255,225,168)
```
#ffe8bc
```
#ffe8bc rgb(255,232,188)
```
#ffefcf
```
#ffefcf rgb(255,239,207)
```
#fff5e3
```
#fff5e3 rgb(255,245,227)
```
#fffcf6
```
#fffcf6 rgb(255,252,246)
```

Tint Color Variation

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

#8e887c
```
#8e887c rgb(142,136,124)
```
#988b72
```
#988b72 rgb(152,139,114)
```
#a18e69
```
#a18e69 rgb(161,142,105)
```
#ab915f
```
#ab915f rgb(171,145,95)
```
#b49456
```
#b49456 rgb(180,148,86)
```
#bd974d
```
#bd974d rgb(189,151,77)
```
#c79943
```
#c79943 rgb(199,153,67)
```
#d09c3a
```
#d09c3a rgb(208,156,58)
```
#d99f31
```
#d99f31 rgb(217,159,49)
```
#e3a227
```
#e3a227 rgb(227,162,39)
```
#eca51e
```
#eca51e rgb(236,165,30)
```
#f6a814
```
#f6a814 rgb(246,168,20)
```
#ffab0b
```
#ffab0b rgb(255,171,11)
```

Tone Color Variation

Below, you can see how #ffab0b 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
#c1b191 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#ffab0b hex color

#ffab0b Color Information

#ffab0b Color Conversion

Color Schemes with #ffab0b

Alternatives to #ffab0b

#ffab0b Preview

Shades and Tints of #ffab0b

Tones of #ffab0b

Color Blindness Simulator