Peach and Quiet Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Peach and Quiet (#FFCCB6), each snapped to its nearest named color.
#FF631C
#FF9966
#FFCCB6
#FFECE5
#FFECE5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Brave Orange | #FF631C | 255, 99, 28 | 19°, 100%, 55% | 0, 61, 89, 0 | |
| Atomic Tangerine | #FF9966 | 255, 153, 102 | 20°, 100%, 70% | 0, 40, 60, 0 | |
| 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 | |
| Peach Breeze | #FFECE5 | 255, 236, 229 | 16°, 100%, 95% | 0, 7, 10, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF631C on #FFECE5 | 2.61:1 | — |
| Aa #FF631C on #FFECE5 | 2.61:1 | — |
| Aa #FF631C on #FFCCB6 | 2.06:1 | — |
| Aa #FF9966 on #FFECE5 | 1.84:1 | — |
| Aa #FF9966 on #FFECE5 | 1.84:1 | — |
| Aa #FF9966 on #FFCCB6 | 1.46:1 | — |
CSS variables
:root {
--color-1: #ff631c; /* Brave Orange */
--color-2: #ff9966; /* Atomic Tangerine */
--color-3: #ffccb6; /* Peach and Quiet */
--color-4: #ffece5; /* Peach Breeze */
--color-5: #ffece5; /* Peach Breeze */
}Other schemes from Peach and Quiet
- Peach and Quiet Complementary Color Scheme#FFCCB6#FFECE5#BBEEFF#70D4FB#E8F7FD
- 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
More Very Light Orange monochromatic palettes
- A Smell of Bakery Monochromatic Color Scheme#D0A664#E2C59C#F3E9D9#F8F4ED#F8F4ED
- Acropolis Monochromatic Color Scheme#E09842#F2BD85#F8E2CA#FBF4E8#FBF4E8
- Air-Kiss Monochromatic Color Scheme#DD7755#E9AA91#F6DCD2#FAEFE9#FAEFE9
- Albescent Monochromatic Color Scheme#A8946B#C2B79A#E1DACB#F6F4EF#F6F4EF
- Almond Monochromatic Color Scheme#CA9456#D8B98C#EDDCC8#F8F4ED#F8F4ED
- Almond Brittle Monochromatic Color Scheme#B88B46#D0B082#E5D3B9#F8F4ED#F8F4ED
- Alpaca Monochromatic Color Scheme#D99E66#EEC7A2#F9EDE2#F8F1EB#F8F1EB
- Ancient Scroll Monochromatic Color Scheme#C6A05E#DAC395#F0E4D1#F8F4ED#F8F4ED
- Angel Wing Monochromatic Color Scheme#D08363#E4B197#F3DFD7#FAEFE9#FAEFE9
- Angelic White Monochromatic Color Scheme#C9A375#DCC9AE#F4EDE4#F8F4ED#F8F4ED
- Apricot Freeze Monochromatic Color Scheme#DD7733#E8A773#F3CFB7#FAEFE9#FAEFE9
- Apricot Sherbet Monochromatic Color Scheme#F2850D#F7A454#FBCD9F#FFF1E8#FFF1E8
Questions
What colors go with Peach and Quiet?
In a monochromatic scheme: Brave Orange (#FF631C), Atomic Tangerine (#FF9966), Peach Breeze (#FFECE5), Peach Breeze (#FFECE5).
What is the hex code of Peach and Quiet?
#FFCCB6.