#ffff32 Color Information
In a RGB color space, hex #ffff32 is composed of 100% red, 100% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 80.4% yellow and 0% black. It has a hue angle of 60 degrees, a saturation of 100% and a lightness of 59.8%. #ffff32 color hex could be obtained by blending #ffff64 with #ffff00. Closest websafe color is: #ffff33.
-
- R 100
- G 100
- B 20
-
- C 0
- M 0
- Y 80
- K 0
● #ffff32 color description : Vivid yellow.
#ffff32 Color Conversion
The hexadecimal color #ffff32 has RGB values of R:255, G:255, B:50 and CMYK values of C:0, M:0, Y:0.8, K:0. Its decimal value is 16777010.
Hex triplet | ffff32 | #ffff32 |
---|---|---|
RGB Decimal | 255, 255, 50 | rgb(255,255,50) |
RGB Percent | 100, 100, 19.6 | rgb(100%,100%,19.6%) |
CMYK | 0, 0, 80, 0 | |
HSL | 60°, 100, 59.8 | hsl(60,100%,59.8%) |
HSV (or HSB) | 60°, 80.4, 100 | |
Web Safe | ffff33 | #ffff33 |
CIE-LAB | 97.232, -20.802, 87.779 |
---|---|
XYZ | 77.576, 93.012, 16.884 |
xyY | 0.414, 0.496, 93.012 |
CIE-LCH | 97.232, 90.21, 103.332 |
CIE-LUV | 97.232, 7.396, 102.588 |
Hunter-Lab | 96.443, -25.194, 57.13 |
Binary | 11111111, 11111111, 00110010 |
Color Schemes with #ffff32
Alternatives to #ffff32
Below, you can see some colors close to #ffff32. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffff32 Preview
This text has a font color of #ffff32.
<span style="color:#ffff32;">Text here</span>
This paragraph has a background color of #ffff32.
<p style="background-color:#ffff32;">Content here</p>
This element has a border color of #ffff32.
<div style="border:1px solid #ffff32;">Content here</div>
.text {color:#ffff32;}
.background {background-color:#ffff32;}
.border {border:1px solid #ffff32;}
Shades and Tints of #ffff32
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, #0b0b00 is the darkest color, while #fffff6 is the lightest one.
-
#0b0b00
#0b0b00
rgb(11,11,0)
-
#1e1e00
#1e1e00
rgb(30,30,0)
-
#323200
#323200
rgb(50,50,0)
-
#464600
#464600
rgb(70,70,0)
-
#595900
#595900
rgb(89,89,0)
-
#6d6d00
#6d6d00
rgb(109,109,0)
-
#808000
#808000
rgb(128,128,0)
-
#949400
#949400
rgb(148,148,0)
-
#a8a800
#a8a800
rgb(168,168,0)
-
#bbbb00
#bbbb00
rgb(187,187,0)
-
#cfcf00
#cfcf00
rgb(207,207,0)
-
#e3e300
#e3e300
rgb(227,227,0)
-
#f6f600
#f6f600
rgb(246,246,0)
-
#ffff0b
#ffff0b
rgb(255,255,11)
-
#ffff1e
#ffff1e
rgb(255,255,30)
-
#ffff32
#ffff32
rgb(255,255,50)
-
#ffff46
#ffff46
rgb(255,255,70)
-
#ffff59
#ffff59
rgb(255,255,89)
-
#ffff6d
#ffff6d
rgb(255,255,109)
-
#ffff80
#ffff80
rgb(255,255,128)
-
#ffff94
#ffff94
rgb(255,255,148)
-
#ffffa8
#ffffa8
rgb(255,255,168)
-
#ffffbb
#ffffbb
rgb(255,255,187)
-
#ffffcf
#ffffcf
rgb(255,255,207)
-
#ffffe3
#ffffe3
rgb(255,255,227)
-
#fffff6
#fffff6
rgb(255,255,246)
Tones of #ffff32
A tone is produced by adding gray to any pure hue. In this case, #a0a091 is the less saturated color, while #ffff32 is the most saturated one.
-
#a0a091
#a0a091
rgb(160,160,145)
-
#a8a889
#a8a889
rgb(168,168,137)
-
#b0b081
#b0b081
rgb(176,176,129)
-
#b8b879
#b8b879
rgb(184,184,121)
-
#c0c071
#c0c071
rgb(192,192,113)
-
#c8c869
#c8c869
rgb(200,200,105)
-
#d0d061
#d0d061
rgb(208,208,97)
-
#d8d859
#d8d859
rgb(216,216,89)
-
#dfdf52
#dfdf52
rgb(223,223,82)
-
#e7e74a
#e7e74a
rgb(231,231,74)
-
#efef42
#efef42
rgb(239,239,66)
-
#f7f73a
#f7f73a
rgb(247,247,58)
-
#ffff32
#ffff32
rgb(255,255,50)
Color Blindness Simulator
Below, you can see how #ffff32 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.