Kingly Cloud Complementary Color Scheme
Five colors arranged by the complementary rule around Kingly Cloud (#DEDEDE), each snapped to its nearest named color.
#DEDEDE
#F4EFEE
#D6E6E6
#A7CAC9
#F0F4F2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Kingly Cloud | #DEDEDE | 222, 222, 222 | 0°, 0%, 87% | 0, 0, 0, 13 | |
| Angelic Wings | #F4EFEE | 244, 239, 238 | 10°, 21%, 95% | 0, 2, 2, 4 | |
| Interdimensional Portal | #D6E6E6 | 214, 230, 230 | 180°, 24%, 87% | 7, 0, 0, 10 | |
| Impressionist Blue | #A7CAC9 | 167, 202, 201 | 178°, 25%, 72% | 17, 0, 0, 21 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A7CAC9 on #F0F4F2 | 1.59:1 | — |
| Aa #F4EFEE on #A7CAC9 | 1.54:1 | — |
| Aa #D6E6E6 on #A7CAC9 | 1.37:1 | — |
| Aa #DEDEDE on #A7CAC9 | 1.31:1 | — |
| Aa #DEDEDE on #F0F4F2 | 1.21:1 | — |
| Aa #DEDEDE on #F4EFEE | 1.18:1 | — |
CSS variables
:root {
--color-1: #dedede; /* Kingly Cloud */
--color-2: #f4efee; /* Angelic Wings */
--color-3: #d6e6e6; /* Interdimensional Portal */
--color-4: #a7cac9; /* Impressionist Blue */
--color-5: #f0f4f2; /* Bakery Box */
}Other schemes from Kingly Cloud
- Kingly Cloud Analogous Color Scheme#E4D7E5#E8D5DD#DEDEDE#E6DDD6#E6E5D6
- Kingly Cloud Triadic Color Scheme#DEDEDE#D7E5D8#D6D4E6#F4EFEE#A7CCA4
- Kingly Cloud Split-complementary Color Scheme#DEDEDE#D8E5DD#D6DDE6#CAA6A9#EFF5F1
- Kingly Cloud Tetradic Color Scheme#DEDEDE#DDE6D7#D6E6E6#DDD6E7#F4EFEE
- Kingly Cloud Monochromatic Color Scheme#929292#B8B8B8#DEDEDE#F3F3F2#F3F3F2
More Very Light Gray complementary palettes
- Alaska Complementary Color Scheme#DADAD1#F6F4EF#CECAE1#9D9AC4#EBF1F5
- Apollo Landing Complementary Color Scheme#E5E5E1#F6F4EF#DADEE9#A8ACD0#EBF1F5
- Big Fish to Fry Complementary Color Scheme#DADBE1#EEF2F3#E7E3D6#C7C4A5#F6F4EF
- Blowing Smoke Complementary Color Scheme#D2D1D0#F6F2F1#C6D2DE#96AEC5#EEF2F3
- Chrome Complementary Color Scheme#E1DFE1#F6F1F4#D6E9D7#A9CEAA#EFF5F1
- Closet Skeletons Complementary Color Scheme#E1DED9#F6F4EF#D3DBE7#A6B3C9#EEF2F3
- Coconut Agony Complementary Color Scheme#EBE8E7#F5F0F1#E3ECED#B5C9D2#F1F3F3
- Columbo’s Coat Complementary Color Scheme#D0CBCE#F5F0F1#C3D9CB#8EBAA6#EFF5F1
- Concrete Complementary Color Scheme#D2D1CD#F6F4EF#C2C7DB#979FBF#EEF2F3
- Day on Mercury Complementary Color Scheme#D5D2D1#F5F0F1#C8D9DD#9AB6C0#F1F3F3
- Desired Dawn Complementary Color Scheme#D8D7D9#F3F1F3#DAE2CD#B3C39C#F4F4F0
- Diamonds in the Sky Complementary Color Scheme#E5E2E1#F5F0F1#DAE7E9#AEC6CF#F1F3F3
Questions
What colors go with Kingly Cloud?
In a complementary scheme: Angelic Wings (#F4EFEE), Interdimensional Portal (#D6E6E6), Impressionist Blue (#A7CAC9), Bakery Box (#F0F4F2).
What is the hex code of Kingly Cloud?
#DEDEDE.