#ffc31e hex color

In a RGB color space, hex #ffc31e is composed of 100% red, 76.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.5% magenta, 88.2% yellow and 0% black. It has a hue angle of 44 degrees, a saturation of 100% and a lightness of 55.9%. #ffc31e color hex could be obtained by blending #ffff3c with #ff8700. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 100
- G 76
- B 12
RGB color chart
- C 0
- M 24
- Y 88
- K 0
CMYK color chart

● #ffc31e color description : Vivid orange.

The hexadecimal color #ffc31e has RGB values of R:255, G:195, B:30 and CMYK values of C:0, M:0.24, Y:0.88, K:0. Its decimal value is 16761630.

Hex triplet	ffc31e	`#ffc31e`
RGB Decimal	255, 195, 30	`rgb(255,195,30)`
RGB Percent	100, 76.5, 11.8	`rgb(100%,76.5%,11.8%)`
CMYK	0, 24, 88, 0
HSL	44°, 100, 55.9	`hsl(44,100%,55.9%)`
HSV (or HSB)	44°, 88.2, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	82.048, 8.644, 79.811
XYZ	60.991, 60.387, 9.672
xyY	0.465, 0.461, 60.387
CIE-LCH	82.048, 80.278, 83.819
CIE-LUV	82.048, 50.289, 82.592
Hunter-Lab	77.709, 4.106, 47.017
Binary	11111111, 11000011, 00011110

#ffc31e
```
#ffc31e rgb(255,195,30)
```
#1e5aff
```
#1e5aff rgb(30,90,255)
```

Complementary Color

#ff531e
```
#ff531e rgb(255,83,30)
```
#ffc31e
```
#ffc31e rgb(255,195,30)
```
#cbff1e
```
#cbff1e rgb(203,255,30)
```

Analogous Color

#531eff
```
#531eff rgb(83,30,255)
```
#ffc31e
```
#ffc31e rgb(255,195,30)
```
#1ecbff
```
#1ecbff rgb(30,203,255)
```

Split Complementary Color

#c31eff
```
#c31eff rgb(195,30,255)
```
#ffc31e
```
#ffc31e rgb(255,195,30)
```
#1effc3
```
#1effc3 rgb(30,255,195)
```

Triadic Color

#ff1e5a
```
#ff1e5a rgb(255,30,90)
```
#ffc31e
```
#ffc31e rgb(255,195,30)
```
#1effc3
```
#1effc3 rgb(30,255,195)
```
#1e5aff
```
#1e5aff rgb(30,90,255)
```

Tetradic Color

#d19900
```
#d19900 rgb(209,153,0)
```
#eaac00
```
#eaac00 rgb(234,172,0)
```
#ffbc04
```
#ffbc04 rgb(255,188,4)
```
#ffc31e
```
#ffc31e rgb(255,195,30)
```
#ffca38
```
#ffca38 rgb(255,202,56)
```
#ffd151
```
#ffd151 rgb(255,209,81)
```
#ffd76b
```
#ffd76b rgb(255,215,107)
```

Monochromatic Color

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

#ff8b1e
```
#ff8b1e rgb(255,139,30)
```
#ff9e1e
```
#ff9e1e rgb(255,158,30)
```
#ffb01e
```
#ffb01e rgb(255,176,30)
```
#ffc31e
```
#ffc31e rgb(255,195,30)
```
#ffd61e
```
#ffd61e rgb(255,214,30)
```
#ffe91e
```
#ffe91e rgb(255,233,30)
```
#fffb1e
```
#fffb1e rgb(255,251,30)
```

Similar Colors

Text with hexadecimal color #ffc31e

This text has a font color of #ffc31e.

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

#ffc31e background color

This paragraph has a background color of #ffc31e.

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

#ffc31e border color

This element has a border color of #ffc31e.

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

CSS codes

.text {color:#ffc31e;}

.background {background-color:#ffc31e;}

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

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

#0a0800
```
#0a0800 rgb(10,8,0)
```
#1e1600
```
#1e1600 rgb(30,22,0)
```
#322400
```
#322400 rgb(50,36,0)
```
#453300
```
#453300 rgb(69,51,0)
```
#594100
```
#594100 rgb(89,65,0)
```
#6c5000
```
#6c5000 rgb(108,80,0)
```
#805e00
```
#805e00 rgb(128,94,0)
```
#946c00
```
#946c00 rgb(148,108,0)
```
#a77b00
```
#a77b00 rgb(167,123,0)
```
#bb8900
```
#bb8900 rgb(187,137,0)
```
#cf9700
```
#cf9700 rgb(207,151,0)
```
#e2a600
```
#e2a600 rgb(226,166,0)
```
#f6b400
```
#f6b400 rgb(246,180,0)
```

Shade Color Variation

#ffbe0a
```
#ffbe0a rgb(255,190,10)
```
#ffc31e
```
#ffc31e rgb(255,195,30)
```
#ffc832
```
#ffc832 rgb(255,200,50)
```
#ffcd45
```
#ffcd45 rgb(255,205,69)
```
#ffd359
```
#ffd359 rgb(255,211,89)
```
#ffd86c
```
#ffd86c rgb(255,216,108)
```
#ffdd80
```
#ffdd80 rgb(255,221,128)
```
#ffe294
```
#ffe294 rgb(255,226,148)
```
#ffe8a7
```
#ffe8a7 rgb(255,232,167)
```
#ffedbb
```
#ffedbb rgb(255,237,187)
```
#fff2cf
```
#fff2cf rgb(255,242,207)
```
#fff7e2
```
#fff7e2 rgb(255,247,226)
```
#fffdf6
```
#fffdf6 rgb(255,253,246)
```

Tint Color Variation

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

#979386
```
#979386 rgb(151,147,134)
```
#a0977d
```
#a0977d rgb(160,151,125)
```
#a89b75
```
#a89b75 rgb(168,155,117)
```
#b19f6c
```
#b19f6c rgb(177,159,108)
```
#baa363
```
#baa363 rgb(186,163,99)
```
#c2a75b
```
#c2a75b rgb(194,167,91)
```
#cbab52
```
#cbab52 rgb(203,171,82)
```
#d4af49
```
#d4af49 rgb(212,175,73)
```
#dcb341
```
#dcb341 rgb(220,179,65)
```
#e5b738
```
#e5b738 rgb(229,183,56)
```
#eebb2f
```
#eebb2f rgb(238,187,47)
```
#f6bf27
```
#f6bf27 rgb(246,191,39)
```
#ffc31e
```
#ffc31e rgb(255,195,30)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#cec2a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7cf2c Protanopia 1% of men
#ffc54b Deuteranopia 1% of men
#ffbdc7 Tritanopia 0.001% of the population

Trichromacy

#f0ca27 Protanomaly 1% of men, 0.01% of women
#ffc43b Deuteranomaly 6% of men, 0.4% of women
#ffbf89 Tritanomaly 0.01% of the population

#ffc31e hex color

#ffc31e Color Information

#ffc31e Color Conversion

Color Schemes with #ffc31e

Alternatives to #ffc31e

#ffc31e Preview

Shades and Tints of #ffc31e

Tones of #ffc31e

Color Blindness Simulator