Cloud Break Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Cloud Break (#F6F1FE), each snapped to its nearest named color.
#8866FF
#CEAEFA
#F6F1FE
#F0EBFC
#F0EBFC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Purple Anemone | #8866FF | 136, 102, 255 | 253°, 100%, 70% | 47, 60, 0, 0 | 62.4% 0.217 289 | |
| Teasel Dipsacus | #CEAEFA | 206, 174, 250 | 265°, 88%, 83% | 18, 30, 0, 2 | 80.5% 0.110 303 | |
| Cloud Break | #F6F1FE | 246, 241, 254 | 263°, 87%, 97% | 3, 5, 0, 0 | 96.6% 0.018 303 | |
| Placebo Purple | #F0EBFC | 240, 235, 252 | 258°, 74%, 95% | 5, 7, 0, 1 | 94.9% 0.023 299 | |
| Placebo Purple | #F0EBFC | 240, 235, 252 | 258°, 74%, 95% | 5, 7, 0, 1 | 94.9% 0.023 299 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8866FF on #F6F1FE | 3.51:1 | AA large |
| Aa #8866FF on #F0EBFC | 3.34:1 | AA large |
| Aa #8866FF on #F0EBFC | 3.34:1 | AA large |
| Aa #8866FF on #CEAEFA | 2.05:1 | — |
| Aa #CEAEFA on #F6F1FE | 1.71:1 | — |
| Aa #CEAEFA on #F0EBFC | 1.63:1 | — |
CSS variables
:root {
--color-1: #8866ff; /* Purple Anemone */
--color-2: #ceaefa; /* Teasel Dipsacus */
--color-3: #f6f1fe; /* Cloud Break */
--color-4: #f0ebfc; /* Placebo Purple */
--color-5: #f0ebfc; /* Placebo Purple */
}Other schemes from Cloud Break
- Cloud Break Complementary Color Scheme#F6F1FE#F0EBFC#F6FFE8#DDFFAA#F6FFE8
- Cloud Break Analogous Color Scheme#E8F5FC#E6E8FA#F6F1FE#F8EBFC#FEE8F5
- Cloud Break Triadic Color Scheme#F6F1FE#FCF0E5#E6FDF1#F0EBFC#FBCAAD
- Cloud Break Split-complementary Color Scheme#F6F1FE#FFFBE8#EBFCEC#CEAEFA#FFFBE8
- Cloud Break Tetradic Color Scheme#F6F1FE#FFE7EB#F6FFE8#E7FAFA#F0EBFC
More white monochromatic color schemes
- Anti-Flash White Monochromatic Color Scheme#9CA9AD#C9CCD2#F2F3F4#F1F3F3#F1F3F3
- Beluga Monochromatic Color Scheme#9BADA8#C8D1CC#EFF2F1#F1F3F3#F1F3F3
- Brilliance Monochromatic Color Scheme#B1B1B1#D8D6D7#FDFDFD#F3F3F2#F3F3F2
- Ceramic Monochromatic Color Scheme#B1FF65#DDFFAA#FCFFF9#F6FFE8#F6FFE8
- Chef’s Hat Monochromatic Color Scheme#A1A4AE#CACED2#F3F4F5#F1F3F3#F1F3F3
- Cotton Ball Monochromatic Color Scheme#72A7E1#ABCDEF#F2F7FD#E7EFFB#E7EFFB
- Doctor Monochromatic Color Scheme#ADADAD#D3D3D3#F9F9F9#F3F3F2#F3F3F2
- Dr. White Monochromatic Color Scheme#AEADAD#D4D4D4#FAFAFA#F3F3F2#F3F3F2
- Emptiness Monochromatic Color Scheme#AAC2A1#CCDDCC#FCFDFC#EFF5F1#EFF5F1
- Errigal White Monochromatic Color Scheme#9E9CAB#C9CAD1#F2F2F4#F3F1F3#F3F1F3
- Everlasting Ice Monochromatic Color Scheme#77EEBB#BBEFD3#F6FDFA#E9F9F5#E9F9F5
- Eyeball Monochromatic Color Scheme#FEA15B#FFCFAD#FFFBF8#FFF0E3#FFF0E3
Questions
What colors go with Cloud Break?
In a monochromatic scheme: Purple Anemone (#8866FF), Teasel Dipsacus (#CEAEFA), Placebo Purple (#F0EBFC), Placebo Purple (#F0EBFC).
What is the hex code of Cloud Break?
#F6F1FE.