#ddff12 hex color

In a RGB color space, hex #ddff12 is composed of 86.7% red, 100% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 13.3% cyan, 0% magenta, 92.9% yellow and 0% black. It has a hue angle of 68.6 degrees, a saturation of 100% and a lightness of 53.5%. #ddff12 color hex could be obtained by blending #ffff24 with #bbff00. Closest websafe color is: #ccff00.

♥
- f
- t
- g
- R 87
- G 100
- B 7
RGB color chart
- C 13
- M 0
- Y 93
- K 0
CMYK color chart

● #ddff12 color description : Vivid yellow.

The hexadecimal color #ddff12 has RGB values of R:221, G:255, B:18 and CMYK values of C:0.13, M:0, Y:0.93, K:0. Its decimal value is 14548754.

Hex triplet	ddff12	`#ddff12`
RGB Decimal	221, 255, 18	`rgb(221,255,18)`
RGB Percent	86.7, 100, 7.1	`rgb(86.7%,100%,7.1%)`
CMYK	13, 0, 93, 0
HSL	68.6°, 100, 53.5	`hsl(68.6,100%,53.5%)`
HSV (or HSB)	68.6°, 92.9, 100
Web Safe	ccff00	`#ccff00`

CIE-LAB	94.711, -35.139, 90.196
XYZ	65.688, 86.936, 13.892
xyY	0.394, 0.522, 86.936
CIE-LCH	94.711, 96.799, 111.285
CIE-LUV	94.711, -14.377, 105.914
Hunter-Lab	93.239, -37.415, 56.434
Binary	11011101, 11111111, 00010010

#ddff12
```
#ddff12 rgb(221,255,18)
```
#3412ff
```
#3412ff rgb(52,18,255)
```

Complementary Color

#ffab12
```
#ffab12 rgb(255,171,18)
```
#ddff12
```
#ddff12 rgb(221,255,18)
```
#67ff12
```
#67ff12 rgb(103,255,18)
```

Analogous Color

#ab12ff
```
#ab12ff rgb(171,18,255)
```
#ddff12
```
#ddff12 rgb(221,255,18)
```
#1267ff
```
#1267ff rgb(18,103,255)
```

Split Complementary Color

#ff12dd
```
#ff12dd rgb(255,18,221)
```
#ddff12
```
#ddff12 rgb(221,255,18)
```
#12ddff
```
#12ddff rgb(18,221,255)
```

Triadic Color

#ff3412
```
#ff3412 rgb(255,52,18)
```
#ddff12
```
#ddff12 rgb(221,255,18)
```
#12ddff
```
#12ddff rgb(18,221,255)
```
#3412ff
```
#3412ff rgb(52,18,255)
```

Tetradic Color

#a8c500
```
#a8c500 rgb(168,197,0)
```
#bede00
```
#bede00 rgb(190,222,0)
```
#d4f800
```
#d4f800 rgb(212,248,0)
```
#ddff12
```
#ddff12 rgb(221,255,18)
```
#e1ff2c
```
#e1ff2c rgb(225,255,44)
```
#e4ff45
```
#e4ff45 rgb(228,255,69)
```
#e8ff5f
```
#e8ff5f rgb(232,255,95)
```

Monochromatic Color

Below, you can see some colors close to #ddff12. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ffe612
```
#ffe612 rgb(255,230,18)
```
#fffa12
```
#fffa12 rgb(255,250,18)
```
#f1ff12
```
#f1ff12 rgb(241,255,18)
```
#ddff12
```
#ddff12 rgb(221,255,18)
```
#c9ff12
```
#c9ff12 rgb(201,255,18)
```
#b6ff12
```
#b6ff12 rgb(182,255,18)
```
#a2ff12
```
#a2ff12 rgb(162,255,18)
```

Similar Colors

Text with hexadecimal color #ddff12

This text has a font color of #ddff12.

<span style="color:#ddff12;">Text here</span>

#ddff12 background color

This paragraph has a background color of #ddff12.

<p style="background-color:#ddff12;">Content here</p>

#ddff12 border color

This element has a border color of #ddff12.

<div style="border:1px solid #ddff12;">Content here</div>

CSS codes

.text {color:#ddff12;}

.background {background-color:#ddff12;}

.border {border:1px solid #ddff12;}

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, #0f1200 is the darkest color, while #fffffd is the lightest one.

#0f1200
```
#0f1200 rgb(15,18,0)
```
#202600
```
#202600 rgb(32,38,0)
```
#313900
```
#313900 rgb(49,57,0)
```
#424d00
```
#424d00 rgb(66,77,0)
```
#536000
```
#536000 rgb(83,96,0)
```
#637400
```
#637400 rgb(99,116,0)
```
#748800
```
#748800 rgb(116,136,0)
```
#859b00
```
#859b00 rgb(133,155,0)
```
#96af00
```
#96af00 rgb(150,175,0)
```
#a7c300
```
#a7c300 rgb(167,195,0)
```
#b7d600
```
#b7d600 rgb(183,214,0)
```
#c8ea00
```
#c8ea00 rgb(200,234,0)
```
#d9fd00
```
#d9fd00 rgb(217,253,0)
```

Shade Color Variation

#ddff12
```
#ddff12 rgb(221,255,18)
```
#e0ff26
```
#e0ff26 rgb(224,255,38)
```
#e3ff39
```
#e3ff39 rgb(227,255,57)
```
#e5ff4d
```
#e5ff4d rgb(229,255,77)
```
#e8ff60
```
#e8ff60 rgb(232,255,96)
```
#ebff74
```
#ebff74 rgb(235,255,116)
```
#eeff88
```
#eeff88 rgb(238,255,136)
```
#f1ff9b
```
#f1ff9b rgb(241,255,155)
```
#f4ffaf
```
#f4ffaf rgb(244,255,175)
```
#f6ffc3
```
#f6ffc3 rgb(246,255,195)
```
#f9ffd6
```
#f9ffd6 rgb(249,255,214)
```
#fcffea
```
#fcffea rgb(252,255,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f927f is the less saturated color, while #ddff12 is the most saturated one.

#8f927f
```
#8f927f rgb(143,146,127)
```
#969b76
```
#969b76 rgb(150,155,118)
```
#9ca46d
```
#9ca46d rgb(156,164,109)
```
#a3ad64
```
#a3ad64 rgb(163,173,100)
```
#a9b65b
```
#a9b65b rgb(169,182,91)
```
#b0bf52
```
#b0bf52 rgb(176,191,82)
```
#b6c849
```
#b6c849 rgb(182,200,73)
```
#bdd140
```
#bdd140 rgb(189,209,64)
```
#c3db36
```
#c3db36 rgb(195,219,54)
```
#cae42d
```
#cae42d rgb(202,228,45)
```
#d0ed24
```
#d0ed24 rgb(208,237,36)
```
#d7f61b
```
#d7f61b rgb(215,246,27)
```
#ddff12
```
#ddff12 rgb(221,255,18)
```

Tone Color Variation

Below, you can see how #ddff12 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.

Monochromacy

#dadada Achromatopsia 0.005% of the population
#dbe1b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff0b8 Protanopia 1% of men
#ffeeda Deuteranopia 1% of men
#f3eeff Tritanopia 0.001% of the population

Trichromacy

#f2f57c Protanomaly 1% of men, 0.01% of women
#f2f491 Deuteranomaly 6% of men, 0.4% of women
#ebf4a8 Tritanomaly 0.01% of the population

#ddff12 hex color

#ddff12 Color Information

#ddff12 Color Conversion

Color Schemes with #ddff12

Alternatives to #ddff12

#ddff12 Preview

Shades and Tints of #ddff12

Tones of #ddff12

Color Blindness Simulator