White Color Codes
The color code of White is Hex #FFFFFF, RGB rgb(255, 255, 255), HSL hsl(0, 0%, 100%) and HSB 0°, 0%, 100%. White is every channel at once. Red, green and blue all at maximum give white light, which is why it has no hue to name. There are more white shades than any one list can hold. The 10 named below each come with a full code set you can copy for design and color grading work.
The family
Different Shades of White
There are 10 named shades of white here. Each one links to its own page with the full code set. Click any swatch to copy its hex.
What Is the Color Code for White?
The White color code has four screen formats and one print format. The screen ones are Hex, RGB, HSL and HSB. The print one is CMYK. Because there is no hue here, three of the five barely differ from one another.
What Is the Hex Code for White?
The hex code for White is #FFFFFF. Hex is the format you use in CSS and in most design tools. The first two digits set red, the next two set green and the last two set blue. All three pairs are the same, which is what makes it a neutral rather than a color.
What Is the RGB Code for White?
The RGB code for White is rgb(255, 255, 255). RGB counts each channel from 0 to 255. All three are equal, so there is no hue for the eye to pick up.
What Is the HSL / HSB Code for White?
The HSL code for White is hsl(0, 0%, 100%) and the HSB code is 0°, 0%, 100%. Saturation is near zero, so the hue number is along for the ride. Change it and nothing on screen moves. HSL and HSB are easier to adjust by hand than hex. Move the first number and you change the color. Move the others and you keep the color but change how strong or how light it is.
What Is the CMYK Code for White?
The CMYK code for White is 0%, 0%, 0%, 0%. CMYK is for print rather than screens. A screen adds light to make color. Ink takes light away. Colors in this range survive the move better than the saturated ones, which is worth knowing if the work has to exist on paper as well. Ask a printer for a Pantone reference on anything that has to match exactly.
What Does the Color White Mean?
White reads as clean and open. It is the color of space rather than surface, and most of what it does on a page is give everything else room. Its funerary meaning is the reverse of black's in parts of East Asia, where white rather than black is worn for mourning. How much of that a shade carries depends on how strong it is. Navajo White holds the most chroma here at 45. Linen holds the least at 11, and reads as barely tinted by comparison.
Lightest & Darkest Shades of White
The lightest shade of white is Ivory at #FFFFF0. The darkest is Pearl at #EAE0C8. Everything else on this page sits between those two. If you need a background, start from the light end. If you need text, start from the dark end.
Which White Is Best for Branding & Design?
It depends what the color has to do. A logo can use any shade here, because a logo does not have to pass a contrast test. A button does, and none of the 10 shades on this page is dark enough to carry white text at the AA standard. That single fact decides most of what follows.
Which White Looks Most Professional for Designs?
None of them on its own. Every shade of white here is too light to carry text, so a professional result comes from pairing one with a dark neutral rather than from choosing between them. Pearl is the deepest available at lightness 89, and even that needs black text on it.
Which White Shade Increases Attention the Most?
Navajo White at #FFDEAD draws the most attention. It carries the highest chroma of any shade here at 45, which is the measure of how far a color sits from grey, and that is what makes it hard to ignore. White text on it only reaches 1.29:1, so use it for the thing you want noticed and not for the thing you want read.
Which White Should I Use for a Buy / CTA Button?
None of them with white text on it. Not one shade on this page reaches the 4.5:1 that AA asks for against white, so a white label will fail an audit whichever white you pick. Put dark text on it instead, or keep white for the surface and give the button a darker color.
White color tools
Convert White Color Codes (Hex, RGB, HSL)
Have a white value in one format and need it in another? Paste #FFFFFF in and you get rgb(255, 255, 255) back, and the result updates as you type. These three cover the jobs that come up most.
#FFFFFF→rgb(255, 255, 255)
Hex to RGB
Paste a hex, get the three channels
255, 255, 255→#FFFFFF
RGB to Hex
Go the other way for CSS
#FFFFFF→hsl(0, 0%, 100%)
Hex to HSL
For adjusting a shade by hand
Find the White Hex Code in Any Image
Upload an image and click the part you want. The picker reads that exact pixel, which saves guessing at a white in a photograph, where what looks white almost always carries a tint.
#FFDEAD
Image Color Picker
Click any pixel in a photo to read its hex
Navajo White
Color Name Finder
Give it a value, get the closest named white
Build a White Color Palette
Start from #FFFFFF, or from any of the 10 shades above. The palette tool pulls colors out of an image. The gradient tool blends two values into a run, and #FFFFF0 to #EAE0C8 covers this family end to end. The shades and tints tool takes one value and gives you a full scale from it.