#add300 hex color

In a RGB color space, hex #add300 is composed of 67.8% red, 82.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 18% cyan, 0% magenta, 100% yellow and 17.3% black. It has a hue angle of 70.8 degrees, a saturation of 100% and a lightness of 41.4%. #add300 color hex could be obtained by blending #ffff00 with #5ba700. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 68
- G 83
- B 0
RGB color chart
- C 18
- M 0
- Y 100
- K 17
CMYK color chart

● #add300 color description : Strong yellow.

The hexadecimal color #add300 has RGB values of R:173, G:211, B:0 and CMYK values of C:0.18, M:0, Y:1, K:0.17. Its decimal value is 11391744.

Hex triplet	add300	`#add300`
RGB Decimal	173, 211, 0	`rgb(173,211,0)`
RGB Percent	67.8, 82.7, 0	`rgb(67.8%,82.7%,0%)`
CMYK	18, 0, 100, 17
HSL	70.8°, 100, 41.4	`hsl(70.8,100%,41.4%)`
HSV (or HSB)	70.8°, 100, 82.7
Web Safe	99cc00	`#99cc00`

CIE-LAB	79.313, -34.496, 78.614
XYZ	40.527, 55.472, 8.572
xyY	0.388, 0.53, 55.472
CIE-LCH	79.313, 85.849, 113.692
CIE-LUV	79.313, -17.923, 90.134
Hunter-Lab	74.48, -33.21, 45.312
Binary	10101101, 11010011, 00000000

#add300
```
#add300 rgb(173,211,0)
```
#2600d3
```
#2600d3 rgb(38,0,211)
```

Complementary Color

#d39000
```
#d39000 rgb(211,144,0)
```
#add300
```
#add300 rgb(173,211,0)
```
#43d300
```
#43d300 rgb(67,211,0)
```

Analogous Color

#9000d3
```
#9000d3 rgb(144,0,211)
```
#add300
```
#add300 rgb(173,211,0)
```
#0043d3
```
#0043d3 rgb(0,67,211)
```

Split Complementary Color

#d300ad
```
#d300ad rgb(211,0,173)
```
#add300
```
#add300 rgb(173,211,0)
```
#00add3
```
#00add3 rgb(0,173,211)
```

Triadic Color

#d32600
```
#d32600 rgb(211,38,0)
```
#add300
```
#add300 rgb(173,211,0)
```
#00add3
```
#00add3 rgb(0,173,211)
```
#2600d3
```
#2600d3 rgb(38,0,211)
```

Tetradic Color

#6e8700
```
#6e8700 rgb(110,135,0)
```
#83a000
```
#83a000 rgb(131,160,0)
```
#98ba00
```
#98ba00 rgb(152,186,0)
```
#add300
```
#add300 rgb(173,211,0)
```
#c2ed00
```
#c2ed00 rgb(194,237,0)
```
#d2ff07
```
#d2ff07 rgb(210,255,7)
```
#d7ff21
```
#d7ff21 rgb(215,255,33)
```

Monochromatic Color

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

#d3c400
```
#d3c400 rgb(211,196,0)
```
#d0d300
```
#d0d300 rgb(208,211,0)
```
#bfd300
```
#bfd300 rgb(191,211,0)
```
#add300
```
#add300 rgb(173,211,0)
```
#9bd300
```
#9bd300 rgb(155,211,0)
```
#8ad300
```
#8ad300 rgb(138,211,0)
```
#78d300
```
#78d300 rgb(120,211,0)
```

Similar Colors

Text with hexadecimal color #add300

This text has a font color of #add300.

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

#add300 background color

This paragraph has a background color of #add300.

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

#add300 border color

This element has a border color of #add300.

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

CSS codes

.text {color:#add300;}

.background {background-color:#add300;}

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

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

#0c0f00
```
#0c0f00 rgb(12,15,0)
```
#1c2200
```
#1c2200 rgb(28,34,0)
```
#2c3600
```
#2c3600 rgb(44,54,0)
```
#3c4a00
```
#3c4a00 rgb(60,74,0)
```
#4d5d00
```
#4d5d00 rgb(77,93,0)
```
#5d7100
```
#5d7100 rgb(93,113,0)
```
#6d8500
```
#6d8500 rgb(109,133,0)
```
#7d9800
```
#7d9800 rgb(125,152,0)
```
#8dac00
```
#8dac00 rgb(141,172,0)
```
#9dbf00
```
#9dbf00 rgb(157,191,0)
```
#add300
```
#add300 rgb(173,211,0)
```
#bde700
```
#bde700 rgb(189,231,0)
```
#cdfa00
```
#cdfa00 rgb(205,250,0)
```

Shade Color Variation

#d4ff0f
```
#d4ff0f rgb(212,255,15)
```
#d7ff22
```
#d7ff22 rgb(215,255,34)
```
#dbff36
```
#dbff36 rgb(219,255,54)
```
#deff4a
```
#deff4a rgb(222,255,74)
```
#e2ff5d
```
#e2ff5d rgb(226,255,93)
```
#e5ff71
```
#e5ff71 rgb(229,255,113)
```
#e9ff85
```
#e9ff85 rgb(233,255,133)
```
#ecff98
```
#ecff98 rgb(236,255,152)
```
#f0ffac
```
#f0ffac rgb(240,255,172)
```
#f4ffbf
```
#f4ffbf rgb(244,255,191)
```
#f7ffd3
```
#f7ffd3 rgb(247,255,211)
```
#fbffe7
```
#fbffe7 rgb(251,255,231)
```
#fefffa
```
#fefffa rgb(254,255,250)
```

Tint Color Variation

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

#6f7261
```
#6f7261 rgb(111,114,97)
```
#747a59
```
#747a59 rgb(116,122,89)
```
#798251
```
#798251 rgb(121,130,81)
```
#7e8a49
```
#7e8a49 rgb(126,138,73)
```
#839241
```
#839241 rgb(131,146,65)
```
#899a39
```
#899a39 rgb(137,154,57)
```
#8ea231
```
#8ea231 rgb(142,162,49)
```
#93aa29
```
#93aa29 rgb(147,170,41)
```
#98b320
```
#98b320 rgb(152,179,32)
```
#9dbb18
```
#9dbb18 rgb(157,187,24)
```
#a3c310
```
#a3c310 rgb(163,195,16)
```
#a8cb08
```
#a8cb08 rgb(168,203,8)
```
#add300
```
#add300 rgb(173,211,0)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#afb78d Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc700 Protanopia 1% of men
#f8bd2c Deuteranopia 1% of men
#c4c7d5 Tritanopia 0.001% of the population

Trichromacy

#cdcb00 Protanomaly 1% of men, 0.01% of women
#ddc51c Deuteranomaly 6% of men, 0.4% of women
#bbcb87 Tritanomaly 0.01% of the population

#add300 hex color

#add300 Color Information

#add300 Color Conversion

Color Schemes with #add300

Alternatives to #add300

#add300 Preview

Shades and Tints of #add300

Tones of #add300

Color Blindness Simulator