#ffff60 Color Information
In a RGB color space, hex #ffff60 is composed of 100% red, 100% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 62.4% yellow and 0% black. It has a hue angle of 60 degrees, a saturation of 100% and a lightness of 68.8%. #ffff60 color hex could be obtained by blending #ffffc0 with #ffff00. Closest websafe color is: #ffff66.
-
- R 100
- G 100
- B 38
-
- C 0
- M 0
- Y 62
- K 0
● #ffff60 color description : Light yellow.
#ffff60 Color Conversion
The hexadecimal color #ffff60 has RGB values of R:255, G:255, B:96 and CMYK values of C:0, M:0, Y:0.62, K:0. Its decimal value is 16777056.
Hex triplet | ffff60 | #ffff60 |
---|---|---|
RGB Decimal | 255, 255, 96 | rgb(255,255,96) |
RGB Percent | 100, 100, 37.6 | rgb(100%,100%,37.6%) |
CMYK | 0, 0, 62, 0 | |
HSL | 60°, 100, 68.8 | hsl(60,100%,68.8%) |
HSV (or HSB) | 60°, 62.4, 100 | |
Web Safe | ffff66 | #ffff66 |
CIE-LAB | 97.481, -18.812, 73.238 |
---|---|
XYZ | 79.111, 93.626, 24.97 |
xyY | 0.4, 0.474, 93.626 |
CIE-LCH | 97.481, 75.615, 104.405 |
CIE-LUV | 97.481, 6.611, 91.704 |
Hunter-Lab | 96.76, -23.389, 52.432 |
Binary | 11111111, 11111111, 01100000 |
Color Schemes with #ffff60
Alternatives to #ffff60
Below, you can see some colors close to #ffff60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffff60 Preview
This text has a font color of #ffff60.
<span style="color:#ffff60;">Text here</span>
This paragraph has a background color of #ffff60.
<p style="background-color:#ffff60;">Content here</p>
This element has a border color of #ffff60.
<div style="border:1px solid #ffff60;">Content here</div>
.text {color:#ffff60;}
.background {background-color:#ffff60;}
.border {border:1px solid #ffff60;}
Shades and Tints of #ffff60
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, #121200 is the darkest color, while #fffffd is the lightest one.
-
#121200
#121200
rgb(18,18,0)
-
#252500
#252500
rgb(37,37,0)
-
#393900
#393900
rgb(57,57,0)
-
#4c4c00
#4c4c00
rgb(76,76,0)
-
#606000
#606000
rgb(96,96,0)
-
#747400
#747400
rgb(116,116,0)
-
#878700
#878700
rgb(135,135,0)
-
#9b9b00
#9b9b00
rgb(155,155,0)
-
#aeae00
#aeae00
rgb(174,174,0)
-
#c2c200
#c2c200
rgb(194,194,0)
-
#d6d600
#d6d600
rgb(214,214,0)
-
#e9e900
#e9e900
rgb(233,233,0)
-
#fdfd00
#fdfd00
rgb(253,253,0)
-
#ffff12
#ffff12
rgb(255,255,18)
-
#ffff25
#ffff25
rgb(255,255,37)
-
#ffff39
#ffff39
rgb(255,255,57)
-
#ffff4c
#ffff4c
rgb(255,255,76)
-
#ffff60
#ffff60
rgb(255,255,96)
-
#ffff74
#ffff74
rgb(255,255,116)
-
#ffff87
#ffff87
rgb(255,255,135)
-
#ffff9b
#ffff9b
rgb(255,255,155)
-
#ffffae
#ffffae
rgb(255,255,174)
-
#ffffc2
#ffffc2
rgb(255,255,194)
-
#ffffd6
#ffffd6
rgb(255,255,214)
-
#ffffe9
#ffffe9
rgb(255,255,233)
-
#fffffd
#fffffd
rgb(255,255,253)
Tones of #ffff60
A tone is produced by adding gray to any pure hue. In this case, #b6b6a9 is the less saturated color, while #ffff60 is the most saturated one.
-
#b6b6a9
#b6b6a9
rgb(182,182,169)
-
#bcbca3
#bcbca3
rgb(188,188,163)
-
#c2c29d
#c2c29d
rgb(194,194,157)
-
#c8c897
#c8c897
rgb(200,200,151)
-
#cece91
#cece91
rgb(206,206,145)
-
#d4d48b
#d4d48b
rgb(212,212,139)
-
#dada85
#dada85
rgb(218,218,133)
-
#e0e07f
#e0e07f
rgb(224,224,127)
-
#e7e778
#e7e778
rgb(231,231,120)
-
#eded72
#eded72
rgb(237,237,114)
-
#f3f36c
#f3f36c
rgb(243,243,108)
-
#f9f966
#f9f966
rgb(249,249,102)
-
#ffff60
#ffff60
rgb(255,255,96)
Color Blindness Simulator
Below, you can see how #ffff60 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.