Cloud Break Triadic Color Scheme
Five colors arranged by the triadic rule around Cloud Break (#F6F1FE), each snapped to its nearest named color.
#F6F1FE
#FCF0E5
#E6FDF1
#F0EBFC
#FBCAAD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Cloud Break | #F6F1FE | 246, 241, 254 | 263°, 87%, 97% | 3, 5, 0, 0 | 96.6% 0.018 303 | |
| Backlight | #FCF0E5 | 252, 240, 229 | 29°, 79%, 94% | 0, 5, 9, 1 | 96.2% 0.020 65 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 | 97.4% 0.029 163 | |
| Placebo Purple | #F0EBFC | 240, 235, 252 | 258°, 74%, 95% | 5, 7, 0, 1 | 94.9% 0.023 299 | |
| Bleached Apricot | #FBCAAD | 251, 202, 173 | 22°, 91%, 83% | 0, 20, 31, 2 | 87.5% 0.068 52 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E6FDF1 on #FBCAAD | 1.39:1 | — |
| Aa #F6F1FE on #FBCAAD | 1.34:1 | — |
| Aa #FCF0E5 on #FBCAAD | 1.32:1 | — |
| Aa #F0EBFC on #FBCAAD | 1.27:1 | — |
| Aa #E6FDF1 on #F0EBFC | 1.09:1 | — |
| Aa #F6F1FE on #F0EBFC | 1.05:1 | — |
CSS variables
:root {
--color-1: #f6f1fe; /* Cloud Break */
--color-2: #fcf0e5; /* Backlight */
--color-3: #e6fdf1; /* Mint Chiffon */
--color-4: #f0ebfc; /* Placebo Purple */
--color-5: #fbcaad; /* Bleached Apricot */
}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 Split-complementary Color Scheme#F6F1FE#FFFBE8#EBFCEC#CEAEFA#FFFBE8
- Cloud Break Tetradic Color Scheme#F6F1FE#FFE7EB#F6FFE8#E7FAFA#F0EBFC
- Cloud Break Monochromatic Color Scheme#8866FF#CEAEFA#F6F1FE#F0EBFC#F0EBFC
More white triadic color schemes
- Anti-Flash White Triadic Color Scheme#F2F3F4#F5F0F1#F4F4F0#EEF2F3#DAC0CD
- Beluga Triadic Color Scheme#EFF2F1#F3F1F3#F3F2ED#F0F4F2#CFBBD8
- Brilliance Triadic Color Scheme#FDFDFD#EFF5F1#EBF1F5#F4EFEE#CCE2CA
- Ceramic Triadic Color Scheme#FCFFF9#E8F5FC#FFE6F1#F6FFE8#A7D7FF
- Chef’s Hat Triadic Color Scheme#F3F4F5#F5F0F1#F4F4F0#EEF2F3#DAC0CD
- Cotton Ball Triadic Color Scheme#F2F7FD#FFEBF2#F1FDE9#E7EFFB#F4AFCD
- Doctor Triadic Color Scheme#F9F9F9#EFF5F1#EBF1F5#F4EFEE#C6DCC7
- Dr. White Triadic Color Scheme#FAFAFA#EFF5F1#EBF1F5#F4EFEE#CBDCCB
- Emptiness Triadic Color Scheme#FCFDFC#EBF1F5#F4EFEE#EFF5F1#CECAE1
- Errigal White Triadic Color Scheme#F2F2F4#F4EFEE#EFF5F1#EBF1F5#DCC0C3
- Everlasting Ice Triadic Color Scheme#F6FDFA#F3E9F7#FBF4E8#E9F9F5#D8B8F8
- Eyeball Triadic Color Scheme#FFFBF8#E6FDF1#F0EBFC#FFF0E3#AAFFCC
Questions
What colors go with Cloud Break?
In a triadic scheme: Backlight (#FCF0E5), Mint Chiffon (#E6FDF1), Placebo Purple (#F0EBFC), Bleached Apricot (#FBCAAD).
What is the hex code of Cloud Break?
#F6F1FE.