colorhexa.com

#bddf04 hex color

In a RGB color space, hex #bddf04 is composed of 74.1% red, 87.5% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 0% magenta, 98.2% yellow and 12.5% black. It has a hue angle of 69.3 degrees, a saturation of 96.5% and a lightness of 44.5%. #bddf04 color hex could be obtained by blending #ffff08 with #7bbf00. Closest websafe color is: #cccc00.

- R 74
- G 87
- B 2
RGB color chart
- C 15
- M 0
- Y 98
- K 13
CMYK color chart

● #bddf04 color description : Vivid yellow.

The hexadecimal color #bddf04 has RGB values of R:189, G:223, B:4 and CMYK values of C:0.15, M:0, Y:0.98, K:0.13. Its decimal value is 12443396.

Hex triplet	bddf04	`#bddf04`
RGB Decimal	189, 223, 4	`rgb(189,223,4)`
RGB Percent	74.1, 87.5, 1.6	`rgb(74.1%,87.5%,1.6%)`
CMYK	15, 0, 98, 13
HSL	69.3°, 96.5, 44.5	`hsl(69.3,96.5%,44.5%)`
HSV (or HSB)	69.3°, 98.2, 87.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	83.758, -33.5, 82.08
XYZ	47.396, 63.603, 9.895
xyY	0.392, 0.526, 63.603
CIE-LCH	83.758, 88.653, 112.202
CIE-LUV	83.758, -15.222, 94.526
Hunter-Lab	79.751, -33.484, 48.47
Binary	10111101, 11011111, 00000100

#bddf04
```
#bddf04 rgb(189,223,4)
```
#2604df
```
#2604df rgb(38,4,223)
```

Complementary Color

#df9404
```
#df9404 rgb(223,148,4)
```
#bddf04
```
#bddf04 rgb(189,223,4)
```
#50df04
```
#50df04 rgb(80,223,4)
```

Analogous Color

#9404df
```
#9404df rgb(148,4,223)
```
#bddf04
```
#bddf04 rgb(189,223,4)
```
#0450df
```
#0450df rgb(4,80,223)
```

Split Complementary Color

#df04bd
```
#df04bd rgb(223,4,189)
```
#bddf04
```
#bddf04 rgb(189,223,4)
```
#04bddf
```
#04bddf rgb(4,189,223)
```

Triadic Color

#7d9403
```
#7d9403 rgb(125,148,3)
```
#93ad03
```
#93ad03 rgb(147,173,3)
```
#a8c604
```
#a8c604 rgb(168,198,4)
```
#bddf04
```
#bddf04 rgb(189,223,4)
```
#d2f804
```
#d2f804 rgb(210,248,4)
```
#d8fb1b
```
#d8fb1b rgb(216,251,27)
```
#dcfb34
```
#dcfb34 rgb(220,251,52)
```

Monochromatic Color

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

#dfca04
```
#dfca04 rgb(223,202,4)
```
#dfdd04
```
#dfdd04 rgb(223,221,4)
```
#cfdf04
```
#cfdf04 rgb(207,223,4)
```
#bddf04
```
#bddf04 rgb(189,223,4)
```
#abdf04
```
#abdf04 rgb(171,223,4)
```
#99df04
```
#99df04 rgb(153,223,4)
```
#86df04
```
#86df04 rgb(134,223,4)
```

Similar Colors

Text with hexadecimal color #bddf04

This text has a font color of #bddf04.

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

#bddf04 background color

This paragraph has a background color of #bddf04.

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

#bddf04 border color

This element has a border color of #bddf04.

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

CSS codes

.text {color:#bddf04;}

.background {background-color:#bddf04;}

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

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, #090b00 is the darkest color, while #fefff7 is the lightest one.

#090b00
```
#090b00 rgb(9,11,0)
```
#1a1e01
```
#1a1e01 rgb(26,30,1)
```
#2a3201
```
#2a3201 rgb(42,50,1)
```
#3a4501
```
#3a4501 rgb(58,69,1)
```
#4b5802
```
#4b5802 rgb(75,88,2)
```
#5b6b02
```
#5b6b02 rgb(91,107,2)
```
#6b7f02
```
#6b7f02 rgb(107,127,2)
```
#7c9203
```
#7c9203 rgb(124,146,3)
```
#8ca503
```
#8ca503 rgb(140,165,3)
```
#9cb803
```
#9cb803 rgb(156,184,3)
```
#adcc04
```
#adcc04 rgb(173,204,4)
```
#bddf04
```
#bddf04 rgb(189,223,4)
```
#cdf204
```
#cdf204 rgb(205,242,4)
```

Shade Color Variation

#d6fb10
```
#d6fb10 rgb(214,251,16)
```
#d9fb23
```
#d9fb23 rgb(217,251,35)
```
#ddfb36
```
#ddfb36 rgb(221,251,54)
```
#e0fc49
```
#e0fc49 rgb(224,252,73)
```
#e3fc5d
```
#e3fc5d rgb(227,252,93)
```
#e7fc70
```
#e7fc70 rgb(231,252,112)
```
#eafd83
```
#eafd83 rgb(234,253,131)
```
#edfd96
```
#edfd96 rgb(237,253,150)
```
#f0fdaa
```
#f0fdaa rgb(240,253,170)
```
#f4febd
```
#f4febd rgb(244,254,189)
```
#f7fed0
```
#f7fed0 rgb(247,254,208)
```
#faffe3
```
#faffe3 rgb(250,255,227)
```
#fefff7
```
#fefff7 rgb(254,255,247)
```

Tint Color Variation

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

#75766d
```
#75766d rgb(117,118,109)
```
#7b7f64
```
#7b7f64 rgb(123,127,100)
```
#81885b
```
#81885b rgb(129,136,91)
```
#879053
```
#879053 rgb(135,144,83)
```
#8d994a
```
#8d994a rgb(141,153,74)
```
#93a241
```
#93a241 rgb(147,162,65)
```
#99ab38
```
#99ab38 rgb(153,171,56)
```
#9fb330
```
#9fb330 rgb(159,179,48)
```
#a5bc27
```
#a5bc27 rgb(165,188,39)
```
#abc51e
```
#abc51e rgb(171,197,30)
```
#b1ce15
```
#b1ce15 rgb(177,206,21)
```
#b7d60d
```
#b7d60d rgb(183,214,13)
```
#bddf04
```
#bddf04 rgb(189,223,4)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bcc397 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd300 Protanopia 1% of men
#ffcb6d Deuteranopia 1% of men
#d3d1e0 Tritanopia 0.001% of the population

Trichromacy

#dbd701 Protanomaly 1% of men, 0.01% of women
#e7d247 Deuteranomaly 6% of men, 0.4% of women
#cbd690 Tritanomaly 0.01% of the population