#ffff50 Color Information
In a RGB color space, hex #ffff50 is composed of 100% red, 100% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 68.6% yellow and 0% black. It has a hue angle of 60 degrees, a saturation of 100% and a lightness of 65.7%. #ffff50 color hex could be obtained by blending #ffffa0 with #ffff00. Closest websafe color is: #ffff66.
-
- R 100
- G 100
- B 31
-
- C 0
- M 0
- Y 69
- K 0
● #ffff50 color description : Light yellow.
#ffff50 Color Conversion
The hexadecimal color #ffff50 has RGB values of R:255, G:255, B:80 and CMYK values of C:0, M:0, Y:0.69, K:0. Its decimal value is 16777040.
Hex triplet | ffff50 | #ffff50 |
---|---|---|
RGB Decimal | 255, 255, 80 | rgb(255,255,80) |
RGB Percent | 100, 100, 31.4 | rgb(100%,100%,31.4%) |
CMYK | 0, 0, 69, 0 | |
HSL | 60°, 100, 65.7 | hsl(60,100%,65.7%) |
HSV (or HSB) | 60°, 68.6, 100 | |
Web Safe | ffff66 | #ffff66 |
CIE-LAB | 97.374, -19.667, 79.05 |
---|---|
XYZ | 78.448, 93.36, 21.477 |
xyY | 0.406, 0.483, 93.36 |
CIE-LCH | 97.374, 81.46, 103.971 |
CIE-LUV | 97.374, 6.946, 96.351 |
Hunter-Lab | 96.623, -24.167, 54.458 |
Binary | 11111111, 11111111, 01010000 |
Color Schemes with #ffff50
Alternatives to #ffff50
Below, you can see some colors close to #ffff50. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffff50 Preview
This text has a font color of #ffff50.
<span style="color:#ffff50;">Text here</span>
This paragraph has a background color of #ffff50.
<p style="background-color:#ffff50;">Content here</p>
This element has a border color of #ffff50.
<div style="border:1px solid #ffff50;">Content here</div>
.text {color:#ffff50;}
.background {background-color:#ffff50;}
.border {border:1px solid #ffff50;}
Shades and Tints of #ffff50
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, #020200 is the darkest color, while #ffffed is the lightest one.
-
#020200
#020200
rgb(2,2,0)
-
#151500
#151500
rgb(21,21,0)
-
#292900
#292900
rgb(41,41,0)
-
#3c3c00
#3c3c00
rgb(60,60,0)
-
#505000
#505000
rgb(80,80,0)
-
#646400
#646400
rgb(100,100,0)
-
#777700
#777700
rgb(119,119,0)
-
#8b8b00
#8b8b00
rgb(139,139,0)
-
#9e9e00
#9e9e00
rgb(158,158,0)
-
#b2b200
#b2b200
rgb(178,178,0)
-
#c6c600
#c6c600
rgb(198,198,0)
-
#d9d900
#d9d900
rgb(217,217,0)
-
#eded00
#eded00
rgb(237,237,0)
-
#ffff02
#ffff02
rgb(255,255,2)
-
#ffff15
#ffff15
rgb(255,255,21)
-
#ffff29
#ffff29
rgb(255,255,41)
-
#ffff3c
#ffff3c
rgb(255,255,60)
-
#ffff50
#ffff50
rgb(255,255,80)
-
#ffff64
#ffff64
rgb(255,255,100)
-
#ffff77
#ffff77
rgb(255,255,119)
-
#ffff8b
#ffff8b
rgb(255,255,139)
-
#ffff9e
#ffff9e
rgb(255,255,158)
-
#ffffb2
#ffffb2
rgb(255,255,178)
-
#ffffc6
#ffffc6
rgb(255,255,198)
-
#ffffd9
#ffffd9
rgb(255,255,217)
-
#ffffed
#ffffed
rgb(255,255,237)
Tones of #ffff50
A tone is produced by adding gray to any pure hue. In this case, #aeaea1 is the less saturated color, while #ffff50 is the most saturated one.
-
#aeaea1
#aeaea1
rgb(174,174,161)
-
#b5b59a
#b5b59a
rgb(181,181,154)
-
#bcbc93
#bcbc93
rgb(188,188,147)
-
#c2c28d
#c2c28d
rgb(194,194,141)
-
#c9c986
#c9c986
rgb(201,201,134)
-
#d0d07f
#d0d07f
rgb(208,208,127)
-
#d7d778
#d7d778
rgb(215,215,120)
-
#dddd72
#dddd72
rgb(221,221,114)
-
#e4e46b
#e4e46b
rgb(228,228,107)
-
#ebeb64
#ebeb64
rgb(235,235,100)
-
#f2f25d
#f2f25d
rgb(242,242,93)
-
#f8f857
#f8f857
rgb(248,248,87)
-
#ffff50
#ffff50
rgb(255,255,80)
Color Blindness Simulator
Below, you can see how #ffff50 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.