basically i want to know about the 100% of a color. The 30% hex of the color is #00bcd4. My developer wants to know the 100% of the color.

Yes i also told her the same.. that #color code itself is a 100% color. The developer is designing some custom switch for that she told me that 30% of a color is #00bcd4. The 100% of the color #00bcd4 is what? :( I explained that i can lower the opacity of color #00bcd4 to 30% and then will let you know the value (keeping white as a base). But she said no.. that is not the question.. how do i explain it to developer?

  • 4
    There is no such thing as a '30% hex'. A hex code is a full color code, no opacity included. I'm not sure what you or your developer is asking, you might want to give us some more context.
    – Summer
    Mar 2 '17 at 9:59
  • 2
    Possible duplicate of Is it possible to revert preapplied alpha blend and find original color?. You need to know the background color to be able to deduce the answer
    – joojaa
    Mar 2 '17 at 14:04
  • the developer is surely asking about some detail of a design specification or template. Did you provide a layout or image that the developer is trying to replicate in code?
    – Yorik
    Mar 2 '17 at 15:18

What we have here is failure in communication.

she told me that 30% of a color is #00bcd4

So if we assume that she provided you with that hex number the question is how she arrived at it? She should have 100% called X because she know what 30% of X is.

So what you should ask is "So what is the question"? Who said that #00bcd4 is 30%?
There are too many values that could be lowered to 30% to have this result. Hue, Saturation, Opacity, all channels at once or just one channel. There are too many variables and too little information.


If the colour you have would be a pastel or light colour, you'd be able to convert it into the HSB colour model by introducing it into a colour picker like Adobe's. There, you could increase the saturation to intensify the colour, as if it became more opaque on a white background.

Unfortunately, the colour you give is already fully saturated and should thus be a '100% colour'.

Colour picker with #00bcd4 in HSB mode


OK let's do some maths...

So, we can assume than the color you are looking for has been tinted with 70% white and result is #00BCD4. Right?

Hex #00BCD4 converted to RGB is R0, G188, B212

R = 000 = Rx + (255 - Rx) * 0.7  
G = 188 = Gx + (255 - Gx) * 0.7  
B = 212 = Bx + (255 - Bx) * 0.7  

Rx, Gx and Bx are the values you are looking for, for each channel.

OK let's go, here are rounded values:
Rx = -595 !! Ooopps
Gx = 32
Bx = 112

So can now prove mathematically to your developer than this is just not possible. Your color (#00BCD4) is way too saturated to be a 30% tint of a color.
If he don't want to hear it, ask him what is the 100% reference of #000000 which is supposed to be a 30% tint. I'd be curious to hear his answer. ^^

  • Well kindof but the question does not specify the background color. This can work out for some colors. But not back and white. But for this to work out one thing is certain R has to be 0. Also your formula has a mistake the other value needs to be bg color. But yes i find it pretty unlikely thet the BG is such a weird color.
    – joojaa
    Mar 2 '17 at 14:27
  • @joojaa The OP did not write it was a 30% transparency with a non-white background. So I just assumed we were talking about tint, or 30% alpha over a white background. Maybe I assumed wrongly, but I hope that the OP would have specified a colored background if there was any... Btw, where is the mistake in the formula?
    – Vinny
    Mar 2 '17 at 14:37
  • Writing the formula in vector form (to avoid repeating myself) is FG*opacity + BG *(1 - opacity). Expanding this in your form vectorized this is: FG*0.7 + 255*0.3=x manipulating it more you get ´FG = (x-255*0.3)/0.7`
    – joojaa
    Mar 2 '17 at 14:47
  • Hmm, I'm not a math specialist like you seem to be, but shouldn't it be FG = (x-255*0.7)/0.3 ? If I get it right, your formula applies to a 70% tint, not 30%... Anyway, I think we all agree the #00bcd4 color CAN'T be a 30% tint of a color, which basically was the original question^^
    – Vinny
    Mar 2 '17 at 15:09
  • its just the inverse, but no its not possible on white... But can be possible on some blue
    – joojaa
    Mar 2 '17 at 15:15

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.