#fab402 hex color

In a RGB color space, hex #fab402 is composed of 98% red, 70.6% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28% magenta, 99.2% yellow and 2% black. It has a hue angle of 43.1 degrees, a saturation of 98.4% and a lightness of 49.4%. #fab402 color hex could be obtained by blending #ffff04 with #f56900. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 98
- G 71
- B 1
RGB color chart
- C 0
- M 28
- Y 99
- K 2
CMYK color chart

● #fab402 color description : Vivid orange.

The hexadecimal color #fab402 has RGB values of R:250, G:180, B:2 and CMYK values of C:0, M:0.28, Y:0.99, K:0.02. Its decimal value is 16430082.

Hex triplet	fab402	`#fab402`
RGB Decimal	250, 180, 2	`rgb(250,180,2)`
RGB Percent	98, 70.6, 0.8	`rgb(98%,70.6%,0.8%)`
CMYK	0, 28, 99, 2
HSL	43.1°, 98.4, 49.4	`hsl(43.1,98.4%,49.4%)`
HSV (or HSB)	43.1°, 99.2, 98
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	77.86, 13.993, 80.408
XYZ	55.758, 52.974, 7.346
xyY	0.48, 0.456, 52.974
CIE-LCH	77.86, 81.617, 80.128
CIE-LUV	77.86, 58.514, 79.112
Hunter-Lab	72.783, 9.374, 44.964
Binary	11111010, 10110100, 00000010

#fab402
```
#fab402 rgb(250,180,2)
```
#0248fa
```
#0248fa rgb(2,72,250)
```

Complementary Color

#fa3802
```
#fa3802 rgb(250,56,2)
```
#fab402
```
#fab402 rgb(250,180,2)
```
#c4fa02
```
#c4fa02 rgb(196,250,2)
```

Analogous Color

#3802fa
```
#3802fa rgb(56,2,250)
```
#fab402
```
#fab402 rgb(250,180,2)
```
#02c4fa
```
#02c4fa rgb(2,196,250)
```

Split Complementary Color

#b402fa
```
#b402fa rgb(180,2,250)
```
#fab402
```
#fab402 rgb(250,180,2)
```
#02fab4
```
#02fab4 rgb(2,250,180)
```

Triadic Color

#fa0248
```
#fa0248 rgb(250,2,72)
```
#fab402
```
#fab402 rgb(250,180,2)
```
#02fab4
```
#02fab4 rgb(2,250,180)
```
#0248fa
```
#0248fa rgb(2,72,250)
```

Tetradic Color

#ae7d01
```
#ae7d01 rgb(174,125,1)
```
#c79002
```
#c79002 rgb(199,144,2)
```
#e1a202
```
#e1a202 rgb(225,162,2)
```
#fab402
```
#fab402 rgb(250,180,2)
```
#fdbd18
```
#fdbd18 rgb(253,189,24)
```
#fdc432
```
#fdc432 rgb(253,196,50)
```
#fecb4b
```
#fecb4b rgb(254,203,75)
```

Monochromatic Color

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

#fa7602
```
#fa7602 rgb(250,118,2)
```
#fa8b02
```
#fa8b02 rgb(250,139,2)
```
#fa9f02
```
#fa9f02 rgb(250,159,2)
```
#fab402
```
#fab402 rgb(250,180,2)
```
#fac902
```
#fac902 rgb(250,201,2)
```
#fadd02
```
#fadd02 rgb(250,221,2)
```
#faf202
```
#faf202 rgb(250,242,2)
```

Similar Colors

Text with hexadecimal color #fab402

This text has a font color of #fab402.

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

#fab402 background color

This paragraph has a background color of #fab402.

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

#fab402 border color

This element has a border color of #fab402.

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

CSS codes

.text {color:#fab402;}

.background {background-color:#fab402;}

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

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, #100c00 is the darkest color, while #fffefc is the lightest one.

#100c00
```
#100c00 rgb(16,12,0)
```
#241a00
```
#241a00 rgb(36,26,0)
```
#372800
```
#372800 rgb(55,40,0)
```
#4b3601
```
#4b3601 rgb(75,54,1)
```
#5e4401
```
#5e4401 rgb(94,68,1)
```
#725201
```
#725201 rgb(114,82,1)
```
#856001
```
#856001 rgb(133,96,1)
```
#996e01
```
#996e01 rgb(153,110,1)
```
#ac7c01
```
#ac7c01 rgb(172,124,1)
```
#c08a02
```
#c08a02 rgb(192,138,2)
```
#d39802
```
#d39802 rgb(211,152,2)
```
#e7a602
```
#e7a602 rgb(231,166,2)
```
#fab402
```
#fab402 rgb(250,180,2)
```

Shade Color Variation

#fdbb13
```
#fdbb13 rgb(253,187,19)
```
#fdc026
```
#fdc026 rgb(253,192,38)
```
#fdc639
```
#fdc639 rgb(253,198,57)
```
#fecc4d
```
#fecc4d rgb(254,204,77)
```
#fed160
```
#fed160 rgb(254,209,96)
```
#fed774
```
#fed774 rgb(254,215,116)
```
#fedd87
```
#fedd87 rgb(254,221,135)
```
#fee29b
```
#fee29b rgb(254,226,155)
```
#fee8ae
```
#fee8ae rgb(254,232,174)
```
#ffedc2
```
#ffedc2 rgb(255,237,194)
```
#fff3d5
```
#fff3d5 rgb(255,243,213)
```
#fff9e9
```
#fff9e9 rgb(255,249,233)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#868176
```
#868176 rgb(134,129,118)
```
#8f866d
```
#8f866d rgb(143,134,109)
```
#998a63
```
#998a63 rgb(153,138,99)
```
#a38e59
```
#a38e59 rgb(163,142,89)
```
#ac9250
```
#ac9250 rgb(172,146,80)
```
#b69646
```
#b69646 rgb(182,150,70)
```
#c09b3c
```
#c09b3c rgb(192,155,60)
```
#ca9f32
```
#ca9f32 rgb(202,159,50)
```
#d3a329
```
#d3a329 rgb(211,163,41)
```
#dda71f
```
#dda71f rgb(221,167,31)
```
#e7ac15
```
#e7ac15 rgb(231,172,21)
```
#f0b00c
```
#f0b00c rgb(240,176,12)
```
#fab402
```
#fab402 rgb(250,180,2)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#c3b591 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc414 Protanopia 1% of men
#f5ba00 Deuteranopia 1% of men
#ffadb8 Tritanopia 0.001% of the population

Trichromacy

#e6be0d Protanomaly 1% of men, 0.01% of women
#f6b700 Deuteranomaly 6% of men, 0.4% of women
#fdaf76 Tritanomaly 0.01% of the population

#fab402 hex color

#fab402 Color Information

#fab402 Color Conversion

Color Schemes with #fab402

Alternatives to #fab402

#fab402 Preview

Shades and Tints of #fab402

Tones of #fab402

Color Blindness Simulator