Quiet Stone
Actions
Explore the gradient in different formats, and actions.
Colors overview
Grey
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #9cb4cc | rgb(156, 180, 204) | hsl(210 32% 71%) | hwb(210 61% 20%) | lch(72.1 15.8 253) | lab(72.1 -4.55 -15.1) | cmyk 24%, 12%, 0%, 20% | |
| #a7bcc7 | rgb(167, 188, 199) | hsl(200 22% 72%) | hwb(200 65% 22%) | lch(74.9 9.94 235) | lab(74.9 -5.72 -8.13) | cmyk 16%, 6%, 0%, 22% | |
| #b2c4c2 | rgb(178, 196, 194) | hsl(170 13% 73%) | hwb(170 70% 23%) | lch(77.7 6.76 190) | lab(77.7 -6.65 -1.2) | cmyk 9%, 0%, 1%, 23% | |
| #becdbd | rgb(190, 205, 189) | hsl(120 14% 77%) | hwb(120 74% 20%) | lch(80.9 9.71 141) | lab(80.9 -7.51 6.16) | cmyk 7%, 0%, 8%, 20% | |
| #cad5d8 | rgb(202, 213, 216) | hsl(190 15% 82%) | hwb(190 79% 15%) | lch(84.5 4.45 220) | lab(84.5 -3.43 -2.84) | cmyk 6%, 1%, 0%, 15% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#9CB4CC
AA - 2.13
#A7BCC7
AA - 1.96
#B2C4C2
AA - 1.81
#BECDBD
AA - 1.65
#CAD5D8
AA - 1.49
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.
32°
CPU
48°
GPU
100%
Usage
11°
Rain
70%
Storage
PWA prompt