#ffff45 Color Information
In a RGB color space, hex #ffff45 is composed of 100% red, 100% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 72.9% yellow and 0% black. It has a hue angle of 60 degrees, a saturation of 100% and a lightness of 63.5%. #ffff45 color hex could be obtained by blending #ffff8a with #ffff00. Closest websafe color is: #ffff33.
-
- R 100
- G 100
- B 27
-
- C 0
- M 0
- Y 73
- K 0
● #ffff45 color description : Light yellow.
#ffff45 Color Conversion
The hexadecimal color #ffff45 has RGB values of R:255, G:255, B:69 and CMYK values of C:0, M:0, Y:0.73, K:0. Its decimal value is 16777029.
Hex triplet | ffff45 | #ffff45 |
---|---|---|
RGB Decimal | 255, 255, 69 | rgb(255,255,69) |
RGB Percent | 100, 100, 27.1 | rgb(100%,100%,27.1%) |
CMYK | 0, 0, 73, 0 | |
HSL | 60°, 100, 63.5 | hsl(60,100%,63.5%) |
HSV (or HSB) | 60°, 72.9, 100 | |
Web Safe | ffff33 | #ffff33 |
CIE-LAB | 97.313, -20.152, 82.617 |
---|---|
XYZ | 78.074, 93.211, 19.509 |
xyY | 0.409, 0.489, 93.211 |
CIE-LCH | 97.313, 85.039, 103.708 |
CIE-LUV | 97.313, 7.138, 99.006 |
Hunter-Lab | 96.546, -24.607, 55.602 |
Binary | 11111111, 11111111, 01000101 |
Color Schemes with #ffff45
Alternatives to #ffff45
Below, you can see some colors close to #ffff45. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffff45 Preview
This text has a font color of #ffff45.
<span style="color:#ffff45;">Text here</span>
This paragraph has a background color of #ffff45.
<p style="background-color:#ffff45;">Content here</p>
This element has a border color of #ffff45.
<div style="border:1px solid #ffff45;">Content here</div>
.text {color:#ffff45;}
.background {background-color:#ffff45;}
.border {border:1px solid #ffff45;}
Shades and Tints of #ffff45
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, #0a0a00 is the darkest color, while #fffff6 is the lightest one.
-
#0a0a00
#0a0a00
rgb(10,10,0)
-
#1e1e00
#1e1e00
rgb(30,30,0)
-
#313100
#313100
rgb(49,49,0)
-
#454500
#454500
rgb(69,69,0)
-
#595900
#595900
rgb(89,89,0)
-
#6c6c00
#6c6c00
rgb(108,108,0)
-
#808000
#808000
rgb(128,128,0)
-
#939300
#939300
rgb(147,147,0)
-
#a7a700
#a7a700
rgb(167,167,0)
-
#bbbb00
#bbbb00
rgb(187,187,0)
-
#cece00
#cece00
rgb(206,206,0)
-
#e2e200
#e2e200
rgb(226,226,0)
-
#f6f600
#f6f600
rgb(246,246,0)
-
#ffff0a
#ffff0a
rgb(255,255,10)
-
#ffff1e
#ffff1e
rgb(255,255,30)
-
#ffff31
#ffff31
rgb(255,255,49)
-
#ffff45
#ffff45
rgb(255,255,69)
-
#ffff59
#ffff59
rgb(255,255,89)
-
#ffff6c
#ffff6c
rgb(255,255,108)
-
#ffff80
#ffff80
rgb(255,255,128)
-
#ffff93
#ffff93
rgb(255,255,147)
-
#ffffa7
#ffffa7
rgb(255,255,167)
-
#ffffbb
#ffffbb
rgb(255,255,187)
-
#ffffce
#ffffce
rgb(255,255,206)
-
#ffffe2
#ffffe2
rgb(255,255,226)
-
#fffff6
#fffff6
rgb(255,255,246)
Tones of #ffff45
A tone is produced by adding gray to any pure hue. In this case, #a9a99b is the less saturated color, while #ffff45 is the most saturated one.
-
#a9a99b
#a9a99b
rgb(169,169,155)
-
#b0b094
#b0b094
rgb(176,176,148)
-
#b7b78d
#b7b78d
rgb(183,183,141)
-
#bfbf85
#bfbf85
rgb(191,191,133)
-
#c6c67e
#c6c67e
rgb(198,198,126)
-
#cdcd77
#cdcd77
rgb(205,205,119)
-
#d4d470
#d4d470
rgb(212,212,112)
-
#dbdb69
#dbdb69
rgb(219,219,105)
-
#e2e262
#e2e262
rgb(226,226,98)
-
#eaea5a
#eaea5a
rgb(234,234,90)
-
#f1f153
#f1f153
rgb(241,241,83)
-
#f8f84c
#f8f84c
rgb(248,248,76)
-
#ffff45
#ffff45
rgb(255,255,69)
Color Blindness Simulator
Below, you can see how #ffff45 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.