#f3ede3
#ced7e0
#a6b3bf
#708aa6
#4b627a
Ghost
#f3ede3
#ced7e0
#a6b3bf
#708aa6
#4b627a
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
Quick view
Inspect colors in multiple color spaces
Colors overview
Grey
White
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #f3ede3 | rgb(243, 237, 227) | hsl(38 40% 92%) | hwb(38 89% 4.7%) | lch(94 5.67 81.7) | lab(94 0.821 5.61) | cmyk 0%, 2%, 7%, 5% | |
| #ced7e0 | rgb(206, 215, 224) | hsl(210 22% 84%) | hwb(210 81% 12%) | lch(85.5 5.86 251) | lab(85.5 -1.87 -5.56) | cmyk 8%, 4%, 0%, 12% | |
| #a6b3bf | rgb(166, 179, 191) | hsl(210 16% 70%) | hwb(210 65% 25%) | lch(72.2 8.27 250) | lab(72.2 -2.84 -7.76) | cmyk 13%, 6%, 0%, 25% | |
| #708aa6 | rgb(112, 138, 166) | hsl(210 23% 55%) | hwb(210 44% 35%) | lch(56.2 18.6 256) | lab(56.2 -4.36 -18.1) | cmyk 33%, 17%, 0%, 35% | |
| #4b627a | rgb(75, 98, 122) | hsl(210 24% 39%) | hwb(210 29% 52%) | lch(40.4 17 256) | lab(40.4 -3.96 -16.5) | cmyk 39%, 20%, 0%, 52% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#f3ede3
AA - 1.16
#ced7e0
AA - 1.45
#a6b3bf
AA - 2.13
#708aa6
AA - 3.57
#4b627a
AA - 6.31
Color blindness
The simulation of color blindness may not be 100% accurate sometimes.
Colors preview as gradient with protanopia
Colors preview as palette with protanopia
UI components preview
Preview the gradient in different UI components.
PWA prompt