#ddff55 Color Information
In a RGB color space, hex #ddff55 is composed of 86.7% red, 100% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 13.3% cyan, 0% magenta, 66.7% yellow and 0% black. It has a hue angle of 72 degrees, a saturation of 100% and a lightness of 66.7%. #ddff55 color hex could be obtained by blending #ffffaa with #bbff00. Closest websafe color is: #ccff66.
-
- R 87
- G 100
- B 33
-
- C 13
- M 0
- Y 67
- K 0
● #ddff55 color description : Light yellow.
#ddff55 Color Conversion
The hexadecimal color #ddff55 has RGB values of R:221, G:255, B:85 and CMYK values of C:0.13, M:0, Y:0.67, K:0. Its decimal value is 14548821.
Hex triplet | ddff55 | #ddff55 |
---|---|---|
RGB Decimal | 221, 255, 85 | rgb(221,255,85) |
RGB Percent | 86.7, 100, 33.3 | rgb(86.7%,100%,33.3%) |
CMYK | 13, 0, 67, 0 | |
HSL | 72°, 100, 66.7 | hsl(72,100%,66.7%) |
HSV (or HSB) | 72°, 66.7, 100 | |
Web Safe | ccff66 | #ccff66 |
CIE-LAB | 94.97, -32.85, 74.056 |
---|---|
XYZ | 67.218, 87.548, 21.951 |
xyY | 0.38, 0.495, 87.548 |
CIE-LCH | 94.97, 81.014, 113.921 |
CIE-LUV | 94.97, -14.736, 94.396 |
Hunter-Lab | 93.567, -35.509, 51.587 |
Binary | 11011101, 11111111, 01010101 |
Color Schemes with #ddff55
Alternatives to #ddff55
Below, you can see some colors close to #ddff55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ddff55 Preview
This text has a font color of #ddff55.
<span style="color:#ddff55;">Text here</span>
This paragraph has a background color of #ddff55.
<p style="background-color:#ddff55;">Content here</p>
This element has a border color of #ddff55.
<div style="border:1px solid #ddff55;">Content here</div>
.text {color:#ddff55;}
.background {background-color:#ddff55;}
.border {border:1px solid #ddff55;}
Shades and Tints of #ddff55
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, #050700 is the darkest color, while #fcfff2 is the lightest one.
-
#050700
#050700
rgb(5,7,0)
-
#151a00
#151a00
rgb(21,26,0)
-
#252e00
#252e00
rgb(37,46,0)
-
#344100
#344100
rgb(52,65,0)
-
#445500
#445500
rgb(68,85,0)
-
#546900
#546900
rgb(84,105,0)
-
#637c00
#637c00
rgb(99,124,0)
-
#739000
#739000
rgb(115,144,0)
-
#83a300
#83a300
rgb(131,163,0)
-
#92b700
#92b700
rgb(146,183,0)
-
#a2cb00
#a2cb00
rgb(162,203,0)
-
#b2de00
#b2de00
rgb(178,222,0)
-
#c2f200
#c2f200
rgb(194,242,0)
-
#cdff07
#cdff07
rgb(205,255,7)
-
#d1ff1a
#d1ff1a
rgb(209,255,26)
-
#d5ff2e
#d5ff2e
rgb(213,255,46)
-
#d9ff41
#d9ff41
rgb(217,255,65)
-
#ddff55
#ddff55
rgb(221,255,85)
-
#e1ff69
#e1ff69
rgb(225,255,105)
-
#e5ff7c
#e5ff7c
rgb(229,255,124)
-
#e9ff90
#e9ff90
rgb(233,255,144)
-
#edffa3
#edffa3
rgb(237,255,163)
-
#f1ffb7
#f1ffb7
rgb(241,255,183)
-
#f5ffcb
#f5ffcb
rgb(245,255,203)
-
#f8ffde
#f8ffde
rgb(248,255,222)
-
#fcfff2
#fcfff2
rgb(252,255,242)
Tones of #ddff55
A tone is produced by adding gray to any pure hue. In this case, #aeb1a3 is the less saturated color, while #ddff55 is the most saturated one.
-
#aeb1a3
#aeb1a3
rgb(174,177,163)
-
#b2b79d
#b2b79d
rgb(178,183,157)
-
#b6be96
#b6be96
rgb(182,190,150)
-
#bac490
#bac490
rgb(186,196,144)
-
#becb89
#becb89
rgb(190,203,137)
-
#c2d183
#c2d183
rgb(194,209,131)
-
#c5d87c
#c5d87c
rgb(197,216,124)
-
#c9de76
#c9de76
rgb(201,222,118)
-
#cde56f
#cde56f
rgb(205,229,111)
-
#d1eb69
#d1eb69
rgb(209,235,105)
-
#d5f262
#d5f262
rgb(213,242,98)
-
#d9f85c
#d9f85c
rgb(217,248,92)
-
#ddff55
#ddff55
rgb(221,255,85)
Color Blindness Simulator
Below, you can see how #ddff55 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.