Peach and Quiet Complementary Color Scheme
Five colors arranged by the complementary rule around Peach and Quiet (#FFCCB6), each snapped to its nearest named color.
#FFCCB6
#FFECE5
#BBEEFF
#70D4FB
#E8F7FD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Peach and Quiet | #FFCCB6 | 255, 204, 182 | 18°, 100%, 86% | 0, 20, 29, 0 | |
| Peach Breeze | #FFECE5 | 255, 236, 229 | 16°, 100%, 95% | 0, 7, 10, 0 | |
| Ice Effect | #BBEEFF | 187, 238, 255 | 195°, 100%, 87% | 27, 7, 0, 0 | |
| Heisenberg Blue | #70D4FB | 112, 212, 251 | 197°, 95%, 71% | 55, 16, 0, 2 | |
| Clear Skies | #E8F7FD | 232, 247, 253 | 197°, 84%, 95% | 8, 2, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #70D4FB on #E8F7FD | 1.53:1 | — |
| Aa #FFECE5 on #70D4FB | 1.47:1 | — |
| Aa #BBEEFF on #70D4FB | 1.34:1 | — |
| Aa #FFCCB6 on #E8F7FD | 1.32:1 | — |
| Aa #FFCCB6 on #FFECE5 | 1.26:1 | — |
| Aa #FFCCB6 on #70D4FB | 1.17:1 | — |
CSS variables
:root {
--color-1: #ffccb6; /* Peach and Quiet */
--color-2: #ffece5; /* Peach Breeze */
--color-3: #bbeeff; /* Ice Effect */
--color-4: #70d4fb; /* Heisenberg Blue */
--color-5: #e8f7fd; /* Clear Skies */
}Other schemes from Peach and Quiet
- Peach and Quiet Analogous Color Scheme#FFBBEE#FFB7C5#FFCCB6#FFF0B5#EEFFBB
- Peach and Quiet Triadic Color Scheme#FFCCB6#BDFFCA#CDB7FA#FFECE5#7BE892
- Peach and Quiet Split-complementary Color Scheme#FFCCB6#BBFFEE#AACCFF#FF9966#E7FEFF
- Peach and Quiet Tetradic Color Scheme#FFCCB6#C7FDB5#BBEEFF#EEBBFF#FFECE5
- Peach and Quiet Monochromatic Color Scheme#FF631C#FF9966#FFCCB6#FFECE5#FFECE5
More Very Light Orange complementary palettes
- A Smell of Bakery Complementary Color Scheme#F3E9D9#F8F4ED#D8E1F1#9FB9E2#EDF2F8
- Acropolis Complementary Color Scheme#F8E2CA#FBF4E8#C6E3F7#88BBEE#EAF4FC
- Air-Kiss Complementary Color Scheme#F6DCD2#FAEFE9#D4E9F5#94D0E9#E8F5FC
- Albescent Complementary Color Scheme#E1DACB#F6F4EF#CBD1E1#99AAC8#EDF2F8
- Almond Complementary Color Scheme#EDDCC8#F8F4ED#C7DAED#95AFDC#ECF3F9
- Almond Brittle Complementary Color Scheme#E5D3B9#F8F4ED#B8CBE5#80A4CD#EDF2F8
- Alpaca Complementary Color Scheme#F9EDE2#F8F1EB#E0EBFA#A7C9EB#EAF4FC
- Ancient Scroll Complementary Color Scheme#F0E4D1#F8F4ED#D2DEF2#95AFDC#EDF2F8
- Angel Wing Complementary Color Scheme#F3DFD7#FAEFE9#D5EAF2#9DCEE3#EBF6F7
- Angelic White Complementary Color Scheme#F4EDE4#F8F4ED#E2ECF2#B0C4DE#EDF2F8
- Apricot Freeze Complementary Color Scheme#F3CFB7#FAEFE9#B8DEF2#7CB9E8#EAF4FC
- Apricot Sherbet Complementary Color Scheme#FBCD9F#FFF1E8#99CCFF#55AAFF#EAF4FC
Questions
What colors go with Peach and Quiet?
In a complementary scheme: Peach Breeze (#FFECE5), Ice Effect (#BBEEFF), Heisenberg Blue (#70D4FB), Clear Skies (#E8F7FD).
What is the hex code of Peach and Quiet?
#FFCCB6.