colorhexa.com

#bde342 hex color

In a RGB color space, hex #bde342 is composed of 74.1% red, 89% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 70.9% yellow and 11% black. It has a hue angle of 74.2 degrees, a saturation of 74.2% and a lightness of 57.5%. #bde342 color hex could be obtained by blending #ffff84 with #7bc700. Closest websafe color is: #cccc33.

- R 74
- G 89
- B 26
RGB color chart
- C 17
- M 0
- Y 71
- K 11
CMYK color chart

● #bde342 color description : Bright yellow.

The hexadecimal color #bde342 has RGB values of R:189, G:227, B:66 and CMYK values of C:0.17, M:0, Y:0.71, K:0.11. Its decimal value is 12444482.

Hex triplet	bde342	`#bde342`
RGB Decimal	189, 227, 66	`rgb(189,227,66)`
RGB Percent	74.1, 89, 25.9	`rgb(74.1%,89%,25.9%)`
CMYK	17, 0, 71, 11
HSL	74.2°, 74.2, 57.5	`hsl(74.2,74.2%,57.5%)`
HSV (or HSB)	74.2°, 70.9, 89
Web Safe	cccc33	`#cccc33`

CIE-LAB	85.073, -33.549, 70.246
XYZ	49.438, 66.15, 15.318
xyY	0.378, 0.505, 66.15
CIE-LCH	85.073, 77.846, 115.529
CIE-LUV	85.073, -17.719, 87.415
Hunter-Lab	81.333, -33.831, 45.767
Binary	10111101, 11100011, 01000010

#bde342
```
#bde342 rgb(189,227,66)
```
#6842e3
```
#6842e3 rgb(104,66,227)
```

Complementary Color

#e3b942
```
#e3b942 rgb(227,185,66)
```
#bde342
```
#bde342 rgb(189,227,66)
```
#6de342
```
#6de342 rgb(109,227,66)
```

Analogous Color

#b942e3
```
#b942e3 rgb(185,66,227)
```
#bde342
```
#bde342 rgb(189,227,66)
```
#426de3
```
#426de3 rgb(66,109,227)
```

Split Complementary Color

#e342bd
```
#e342bd rgb(227,66,189)
```
#bde342
```
#bde342 rgb(189,227,66)
```
#42bde3
```
#42bde3 rgb(66,189,227)
```

Triadic Color

#e36842
```
#e36842 rgb(227,104,66)
```
#bde342
```
#bde342 rgb(189,227,66)
```
#42bde3
```
#42bde3 rgb(66,189,227)
```
#6842e3
```
#6842e3 rgb(104,66,227)
```

Tetradic Color

#97bd1c
```
#97bd1c rgb(151,189,28)
```
#a8d31f
```
#a8d31f rgb(168,211,31)
```
#b5e02c
```
#b5e02c rgb(181,224,44)
```
#bde342
```
#bde342 rgb(189,227,66)
```
#c5e658
```
#c5e658 rgb(197,230,88)
```
#cdea6e
```
#cdea6e rgb(205,234,110)
```
#d4ed85
```
#d4ed85 rgb(212,237,133)
```

Monochromatic Color

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

#e3e142
```
#e3e142 rgb(227,225,66)
```
#d8e342
```
#d8e342 rgb(216,227,66)
```
#cae342
```
#cae342 rgb(202,227,66)
```
#bde342
```
#bde342 rgb(189,227,66)
```
#b0e342
```
#b0e342 rgb(176,227,66)
```
#a2e342
```
#a2e342 rgb(162,227,66)
```
#95e342
```
#95e342 rgb(149,227,66)
```

Similar Colors

Text with hexadecimal color #bde342

This text has a font color of #bde342.

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

#bde342 background color

This paragraph has a background color of #bde342.

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

#bde342 border color

This element has a border color of #bde342.

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

CSS codes

.text {color:#bde342;}

.background {background-color:#bde342;}

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

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

#0d1002
```
#0d1002 rgb(13,16,2)
```
#1a2105
```
#1a2105 rgb(26,33,5)
```
#283207
```
#283207 rgb(40,50,7)
```
#36430a
```
#36430a rgb(54,67,10)
```
#43540c
```
#43540c rgb(67,84,12)
```
#51650f
```
#51650f rgb(81,101,15)
```
#5f7712
```
#5f7712 rgb(95,119,18)
```
#6c8814
```
#6c8814 rgb(108,136,20)
```
#7a9917
```
#7a9917 rgb(122,153,23)
```
#88aa19
```
#88aa19 rgb(136,170,25)
```
#95bb1c
```
#95bb1c rgb(149,187,28)
```
#a3cc1e
```
#a3cc1e rgb(163,204,30)
```
#b1dd21
```
#b1dd21 rgb(177,221,33)
```

Shade Color Variation

#b7e031
```
#b7e031 rgb(183,224,49)
```
#bde342
```
#bde342 rgb(189,227,66)
```
#c3e653
```
#c3e653 rgb(195,230,83)
```
#c9e864
```
#c9e864 rgb(201,232,100)
```
#cfeb75
```
#cfeb75 rgb(207,235,117)
```
#d5ed86
```
#d5ed86 rgb(213,237,134)
```
#dbf097
```
#dbf097 rgb(219,240,151)
```
#e1f2a9
```
#e1f2a9 rgb(225,242,169)
```
#e7f5ba
```
#e7f5ba rgb(231,245,186)
```
#edf7cb
```
#edf7cb rgb(237,247,203)
```
#f3fadc
```
#f3fadc rgb(243,250,220)
```
#f9fced
```
#f9fced rgb(249,252,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#95988d
```
#95988d rgb(149,152,141)
```
#9aa085
```
#9aa085 rgb(154,160,133)
```
#9ea97c
```
#9ea97c rgb(158,169,124)
```
#a3b174
```
#a3b174 rgb(163,177,116)
```
#a7b96c
```
#a7b96c rgb(167,185,108)
```
#abc263
```
#abc263 rgb(171,194,99)
```
#b0ca5b
```
#b0ca5b rgb(176,202,91)
```
#b4d253
```
#b4d253 rgb(180,210,83)
```
#b9db4a
```
#b9db4a rgb(185,219,74)
```
#bde342
```
#bde342 rgb(189,227,66)
```
#c1eb3a
```
#c1eb3a rgb(193,235,58)
```
#c6f431
```
#c6f431 rgb(198,244,49)
```
#cafc29
```
#cafc29 rgb(202,252,41)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c3cbab Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd748 Protanopia 1% of men
#ffcf84 Deuteranopia 1% of men
#d3d6e5 Tritanopia 0.001% of the population

Trichromacy

#dddb46 Protanomaly 1% of men, 0.01% of women
#e7d66c Deuteranomaly 6% of men, 0.4% of women
#cbdaaa Tritanomaly 0.01% of the population