Delicate Cloud Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Delicate Cloud (#DDDFE8), each snapped to its nearest named color.
#838BA4
#AEB5C7
#DDDFE8
#F2F2F4
#F2F2F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Violet Aura | #838BA4 | 131, 139, 164 | 225°, 15%, 58% | 20, 15, 0, 36 | |
| Spacious Sky | #AEB5C7 | 174, 181, 199 | 223°, 18%, 73% | 13, 9, 0, 22 | |
| Delicate Cloud | #DDDFE8 | 221, 223, 232 | 229°, 19%, 89% | 5, 4, 0, 9 | |
| Errigal White | #F2F2F4 | 242, 242, 244 | 240°, 8%, 95% | 1, 1, 0, 4 | |
| Errigal White | #F2F2F4 | 242, 242, 244 | 240°, 8%, 95% | 1, 1, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #838BA4 on #F2F2F4 | 3.03:1 | AA large |
| Aa #838BA4 on #F2F2F4 | 3.03:1 | AA large |
| Aa #838BA4 on #DDDFE8 | 2.55:1 | — |
| Aa #AEB5C7 on #F2F2F4 | 1.84:1 | — |
| Aa #AEB5C7 on #F2F2F4 | 1.84:1 | — |
| Aa #838BA4 on #AEB5C7 | 1.65:1 | — |
CSS variables
:root {
--color-1: #838ba4; /* Violet Aura */
--color-2: #aeb5c7; /* Spacious Sky */
--color-3: #dddfe8; /* Delicate Cloud */
--color-4: #f2f2f4; /* Errigal White */
--color-5: #f2f2f4; /* Errigal White */
}Other schemes from Delicate Cloud
- Delicate Cloud Complementary Color Scheme#DDDFE8#EEF2F3#EAE7DA#CEC7AA#F6F4EF
- Delicate Cloud Analogous Color Scheme#DCE9E9#DCE5EB#DDDFE8#E3DAE9#E5DBEB
- Delicate Cloud Triadic Color Scheme#DDDFE8#E9DBDE#DFEADB#EEF2F3#D1ABB5
- Delicate Cloud Split-complementary Color Scheme#DDDFE8#EAE1DD#E3EADB#ACB0CA#F5F0F1
- Delicate Cloud Tetradic Color Scheme#DDDFE8#E9DBE4#EAE7DA#DDEAE0#EEF2F3
More Very Light Blue monochromatic palettes
- A Dime a Dozen Monochromatic Color Scheme#7595AB#A5B8C5#D3DDE4#EEF2F3#EEF2F3
- Andromeda Blue Monochromatic Color Scheme#268BCC#72A7E1#ABCDEE#EAF4FC#EAF4FC
- Après-Ski Monochromatic Color Scheme#7381B3#9BA9CA#CED5E4#EDF2F8#EDF2F8
- Ariel Monochromatic Color Scheme#3799C8#74B8DA#AED7EA#EBF4FC#EBF4FC
- Baby Blue Monochromatic Color Scheme#0080FF#55AAFF#A2CFFE#E8F5FC#E8F5FC
- Bird Bath Blue Monochromatic Color Scheme#659FB5#99BDD2#CDDFE7#F0F4F8#F0F4F8
- Blue Silk Monochromatic Color Scheme#698EB3#9EB6D0#D0DCE8#EDF2F8#EDF2F8
- Breaking the Ice Monochromatic Color Scheme#2CB1EB#76C5E7#B8E4F5#E8F7FD#E8F7FD
- Breath of Fresh Air Monochromatic Color Scheme#6198AE#97BBC8#C7DBE4#F0F4F8#F0F4F8
- Breeze Monochromatic Color Scheme#3377CC#71A2D4#AEC9EA#ECF3F9#ECF3F9
- Breezy Monochromatic Color Scheme#55A0B7#8DBBD1#C2DDE6#EBF6F7#EBF6F7
- Bright Star Monochromatic Color Scheme#8599A8#B2BBC6#DDE2E6#F2F2F4#F2F2F4
Questions
What colors go with Delicate Cloud?
In a monochromatic scheme: Violet Aura (#838BA4), Spacious Sky (#AEB5C7), Errigal White (#F2F2F4), Errigal White (#F2F2F4).
What is the hex code of Delicate Cloud?
#DDDFE8.