15 Different Shades of White (+ HEX codes)
Explore all shades of white, from lighter to darker shades. See HEX codes, shade names, and white color palettes. Click any shade to copy its HEX code.
White is a decision, not an absence: a cool white makes a product look clinical, a warm white makes it look considered, and pure #FFF makes screens glare.
Pick one white and keep it. Two whites on the same page look like a rendering bug.
- white#ffffff
- concrete#f2f2f2
- mercury#e6e6e6
- alto#d9d9d9
- silver#cdcdcd
- nobel#b3b3b3
- silver chalice#a7a7a7
- dusty gray#9a9a9a
- gray#8d8d8d
- boulder#747474
- dove gray#686868
- scorpion#5b5b5b
- tundora#4e4e4e
- mine shaft#353535
- cod gray#1c1c1c
White: HEX & RGB Codes
white has the following primary color codes:
HEX: #ffffff
RGB: (255, 255, 255).
Explore a wide range of white shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!
Explore tints of white
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
Explore shades of white
Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0
white in HEX, RGB, HSL and CMYK
| HEX | #FFFFFF | |
|---|---|---|
| RGB | rgb(255, 255, 255) | |
| HSL | hsl(0, 0%, 100%) | |
| CMYK | cmyk(0%, 0%, 0%, 0%) |
Tints and shades of white
Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.
Tints (lighter)
#fdfdfd
#fcfcfc
#fafafa
#f8f8f8
#f7f7f7
#f5f5f5
Shades (darker)
#d6d6d6
#adadad
#858585
#5c5c5c
#333333
#0a0a0a
Colours that work with white
Complementary
#FFFFFF #ffffff
Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.
Analogous
#ffffff #FFFFFF #ffffff
Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.
Triadic
#FFFFFF #ffffff #ffffff
Three colours evenly spaced. Lively and balanced; let one dominate.
Text on white
Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker
white shade chart
Right-click to save the chart, or copy the individual codes above.