#ffd553 Color Information
In a RGB color space, hex #ffd553 is composed of 100% red, 83.5% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.5% magenta, 67.5% yellow and 0% black. It has a hue angle of 45.3 degrees, a saturation of 100% and a lightness of 66.3%. #ffd553 color hex could be obtained by blending #ffffa6 with #ffab00. Closest websafe color is: #ffcc66.
-
- R 100
- G 84
- B 33
-
- C 0
- M 16
- Y 67
- K 0
● #ffd553 color description : Light yellow.
#ffd553 Color Conversion
The hexadecimal color #ffd553 has RGB values of R:255, G:213, B:83 and CMYK values of C:0, M:0.16, Y:0.67, K:0. Its decimal value is 16766291.
Hex triplet | ffd553 | #ffd553 |
---|---|---|
RGB Decimal | 255, 213, 83 | rgb(255,213,83) |
RGB Percent | 100, 83.5, 32.5 | rgb(100%,83.5%,32.5%) |
CMYK | 0, 16, 67, 0 | |
HSL | 45.3°, 100, 66.3 | hsl(45.3,100%,66.3%) |
HSV (or HSB) | 45.3°, 67.5, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 86.739, 1.252, 67.197 |
---|---|
XYZ | 66.596, 69.476, 18.086 |
xyY | 0.432, 0.451, 69.476 |
CIE-LCH | 86.739, 67.208, 88.933 |
CIE-LUV | 86.739, 35.195, 78.159 |
Hunter-Lab | 83.352, -3.249, 45.482 |
Binary | 11111111, 11010101, 01010011 |
Color Schemes with #ffd553
Alternatives to #ffd553
Below, you can see some colors close to #ffd553. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffd553 Preview
This text has a font color of #ffd553.
<span style="color:#ffd553;">Text here</span>
This paragraph has a background color of #ffd553.
<p style="background-color:#ffd553;">Content here</p>
This element has a border color of #ffd553.
<div style="border:1px solid #ffd553;">Content here</div>
.text {color:#ffd553;}
.background {background-color:#ffd553;}
.border {border:1px solid #ffd553;}
Shades and Tints of #ffd553
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, #050300 is the darkest color, while #fffbf0 is the lightest one.
-
#050300
#050300
rgb(5,3,0)
-
#181200
#181200
rgb(24,18,0)
-
#2c2100
#2c2100
rgb(44,33,0)
-
#3f3000
#3f3000
rgb(63,48,0)
-
#533f00
#533f00
rgb(83,63,0)
-
#674e00
#674e00
rgb(103,78,0)
-
#7a5c00
#7a5c00
rgb(122,92,0)
-
#8e6b00
#8e6b00
rgb(142,107,0)
-
#a17a00
#a17a00
rgb(161,122,0)
-
#b58900
#b58900
rgb(181,137,0)
-
#c99800
#c99800
rgb(201,152,0)
-
#dca700
#dca700
rgb(220,167,0)
-
#f0b500
#f0b500
rgb(240,181,0)
-
#ffc205
#ffc205
rgb(255,194,5)
-
#ffc718
#ffc718
rgb(255,199,24)
-
#ffcb2c
#ffcb2c
rgb(255,203,44)
-
#ffd03f
#ffd03f
rgb(255,208,63)
-
#ffd553
#ffd553
rgb(255,213,83)
-
#ffda67
#ffda67
rgb(255,218,103)
-
#ffdf7a
#ffdf7a
rgb(255,223,122)
-
#ffe38e
#ffe38e
rgb(255,227,142)
-
#ffe8a1
#ffe8a1
rgb(255,232,161)
-
#ffedb5
#ffedb5
rgb(255,237,181)
-
#fff2c9
#fff2c9
rgb(255,242,201)
-
#fff7dc
#fff7dc
rgb(255,247,220)
-
#fffbf0
#fffbf0
rgb(255,251,240)
Tones of #ffd553
A tone is produced by adding gray to any pure hue. In this case, #b0aca2 is the less saturated color, while #ffd553 is the most saturated one.
-
#b0aca2
#b0aca2
rgb(176,172,162)
-
#b6b09c
#b6b09c
rgb(182,176,156)
-
#bdb395
#bdb395
rgb(189,179,149)
-
#c3b78f
#c3b78f
rgb(195,183,143)
-
#caba88
#caba88
rgb(202,186,136)
-
#d1bd81
#d1bd81
rgb(209,189,129)
-
#d7c17b
#d7c17b
rgb(215,193,123)
-
#dec474
#dec474
rgb(222,196,116)
-
#e5c76d
#e5c76d
rgb(229,199,109)
-
#ebcb67
#ebcb67
rgb(235,203,103)
-
#f2ce60
#f2ce60
rgb(242,206,96)
-
#f8d25a
#f8d25a
rgb(248,210,90)
-
#ffd553
#ffd553
rgb(255,213,83)
Color Blindness Simulator
Below, you can see how #ffd553 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.