breadcrumb
Lavender Grey
How Lavender Grey is Used |
| calmnesscreate orderreduce stressrelaxsecure |
Industries that Commonly Use Lavender Grey |
| accountingfinancehealth caresecuritytechnology |
Color Code Details
| HEX | #cdd1e4 | |
| RGB | (205, 209, 228); | |
| RGBA | (205, 209, 228, 1) | |
| HSL | (230, 30%, 85%); | |
| HSLA | (230, 30%, 85%, 1); |
| HSV | 229,10,89 | |
| HSB | 230, 10, 89 | |
| HWB | 229 80% 11% | |
| CMYK | Warning: A non-numeric value encountered in /home/admin/public_html/flatpicker.b/wp-content/themes/flatuicolorpicker/functions.php on line 194 10, 8, 0, 11 | |
| Pantone | 1895 C |
Lavender Grey Preview & CSS Code Example
Text Color With Lavender Grey |
|
| This Text has a Font Color of #cdd1e4 | |
.text {color:#cdd1e4;}
|
|
.text {color:rgba(205, 209, 228, 1);}
|
|
.text {color:hsl
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /home/admin/public_html/flatpicker.b/wp-content/themes/flatuicolorpicker/functions.php on line 211
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /home/admin/public_html/flatpicker.b/wp-content/themes/flatuicolorpicker/functions.php on line 212
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /home/admin/public_html/flatpicker.b/wp-content/themes/flatuicolorpicker/functions.php on line 213
(309, 100%, 3%);}
|
Background Color Using Lavender Grey |
|
| This element has a background color of #cdd1e4 | |
.element {background-color:#cdd1e4;}
|
|
.element {background-color:rgba(205, 209, 228, 1);}
|
|
.element {background-color:hsl
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /home/admin/public_html/flatpicker.b/wp-content/themes/flatuicolorpicker/functions.php on line 211
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /home/admin/public_html/flatpicker.b/wp-content/themes/flatuicolorpicker/functions.php on line 212
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /home/admin/public_html/flatpicker.b/wp-content/themes/flatuicolorpicker/functions.php on line 213
(309, 100%, 3%);}
|
Border Styling with Lavender Grey |
|
| This element has a border color of #cdd1e4 | |
.element {border:1px solid #cdd1e4;}
|
|
.element {border:1px solid rgba(205, 209, 228, 1);}
|
|
.element {border:1px solid hsl
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /home/admin/public_html/flatpicker.b/wp-content/themes/flatuicolorpicker/functions.php on line 211
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /home/admin/public_html/flatpicker.b/wp-content/themes/flatuicolorpicker/functions.php on line 212
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /home/admin/public_html/flatpicker.b/wp-content/themes/flatuicolorpicker/functions.php on line 213
(309, 100%, 3%);}
|
Similar Blue Shades You Might Like
Blue colors bring calm, professionalism, and clarity. Ideal for corporate websites, finance apps, and healthcare design. Explore other flat UI blues that inspire trust and simplicity.