#ffe31f Color Information
In a RGB color space, hex #ffe31f is composed of 100% red, 89% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11% magenta, 87.8% yellow and 0% black. It has a hue angle of 52.5 degrees, a saturation of 100% and a lightness of 56.1%. #ffe31f color hex could be obtained by blending #ffff3e with #ffc700. Closest websafe color is: #ffcc33.
-
- R 100
- G 89
- B 12
-
- C 0
- M 11
- Y 88
- K 0
● #ffe31f color description : Vivid yellow.
#ffe31f Color Conversion
The hexadecimal color #ffe31f has RGB values of R:255, G:227, B:31 and CMYK values of C:0, M:0.11, Y:0.88, K:0. Its decimal value is 16769823.
Hex triplet | ffe31f | #ffe31f |
---|---|---|
RGB Decimal | 255, 227, 31 | rgb(255,227,31) |
RGB Percent | 100, 89, 12.2 | rgb(100%,89%,12.2%) |
CMYK | 0, 11, 88, 0 | |
HSL | 52.5°, 100, 56.1 | hsl(52.5,100%,56.1%) |
HSV (or HSB) | 52.5°, 87.8, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 89.998, -7.609, 85.835 |
---|---|
XYZ | 68.957, 76.299, 12.391 |
xyY | 0.437, 0.484, 76.299 |
CIE-LCH | 89.998, 86.171, 95.066 |
CIE-LUV | 89.998, 26.574, 94.471 |
Hunter-Lab | 87.35, -11.947, 52.734 |
Binary | 11111111, 11100011, 00011111 |
Color Schemes with #ffe31f
Alternatives to #ffe31f
Below, you can see some colors close to #ffe31f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffe31f Preview
This text has a font color of #ffe31f.
<span style="color:#ffe31f;">Text here</span>
This paragraph has a background color of #ffe31f.
<p style="background-color:#ffe31f;">Content here</p>
This element has a border color of #ffe31f.
<div style="border:1px solid #ffe31f;">Content here</div>
.text {color:#ffe31f;}
.background {background-color:#ffe31f;}
.border {border:1px solid #ffe31f;}
Shades and Tints of #ffe31f
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, #0b0a00 is the darkest color, while #fffef7 is the lightest one.
-
#0b0a00
#0b0a00
rgb(11,10,0)
-
#1f1b00
#1f1b00
rgb(31,27,0)
-
#332c00
#332c00
rgb(51,44,0)
-
#463d00
#463d00
rgb(70,61,0)
-
#5a4f00
#5a4f00
rgb(90,79,0)
-
#6d6000
#6d6000
rgb(109,96,0)
-
#817100
#817100
rgb(129,113,0)
-
#958200
#958200
rgb(149,130,0)
-
#a89300
#a89300
rgb(168,147,0)
-
#bca400
#bca400
rgb(188,164,0)
-
#d0b600
#d0b600
rgb(208,182,0)
-
#e3c700
#e3c700
rgb(227,199,0)
-
#f7d800
#f7d800
rgb(247,216,0)
-
#ffe10b
#ffe10b
rgb(255,225,11)
-
#ffe31f
#ffe31f
rgb(255,227,31)
-
#ffe533
#ffe533
rgb(255,229,51)
-
#ffe846
#ffe846
rgb(255,232,70)
-
#ffea5a
#ffea5a
rgb(255,234,90)
-
#ffed6d
#ffed6d
rgb(255,237,109)
-
#ffef81
#ffef81
rgb(255,239,129)
-
#fff295
#fff295
rgb(255,242,149)
-
#fff4a8
#fff4a8
rgb(255,244,168)
-
#fff7bc
#fff7bc
rgb(255,247,188)
-
#fff9d0
#fff9d0
rgb(255,249,208)
-
#fffce3
#fffce3
rgb(255,252,227)
-
#fffef7
#fffef7
rgb(255,254,247)
Tones of #ffe31f
A tone is produced by adding gray to any pure hue. In this case, #989586 is the less saturated color, while #ffe31f is the most saturated one.
-
#989586
#989586
rgb(152,149,134)
-
#a09c7e
#a09c7e
rgb(160,156,126)
-
#a9a275
#a9a275
rgb(169,162,117)
-
#b1a96d
#b1a96d
rgb(177,169,109)
-
#baaf64
#baaf64
rgb(186,175,100)
-
#c3b65b
#c3b65b
rgb(195,182,91)
-
#cbbc53
#cbbc53
rgb(203,188,83)
-
#d4c34a
#d4c34a
rgb(212,195,74)
-
#ddc941
#ddc941
rgb(221,201,65)
-
#e5d039
#e5d039
rgb(229,208,57)
-
#eed630
#eed630
rgb(238,214,48)
-
#f6dd28
#f6dd28
rgb(246,221,40)
-
#ffe31f
#ffe31f
rgb(255,227,31)
Color Blindness Simulator
Below, you can see how #ffe31f 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.