Peach Beach Tetradic Color Scheme
Five colors arranged by the tetradic rule around Peach Beach (#FDCFA1), each snapped to its nearest named color.
#FDCFA1
#AAFFAA
#A2CFFE
#FFAAFF
#FFF2E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Peach Beach | #FDCFA1 | 253, 207, 161 | 30°, 96%, 81% | 0, 18, 36, 1 | |
| Creamy Mint | #AAFFAA | 170, 255, 170 | 120°, 100%, 83% | 33, 0, 33, 0 | |
| Baby Blue | #A2CFFE | 162, 207, 254 | 211°, 98%, 82% | 36, 19, 0, 0 | |
| Jigglypuff | #FFAAFF | 255, 170, 255 | 300°, 100%, 83% | 0, 33, 0, 0 | |
| Doeskin | #FFF2E4 | 255, 242, 228 | 31°, 100%, 95% | 0, 5, 11, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFAAFF on #FFF2E4 | 1.53:1 | — |
| Aa #A2CFFE on #FFF2E4 | 1.48:1 | — |
| Aa #AAFFAA on #FFAAFF | 1.41:1 | — |
| Aa #AAFFAA on #A2CFFE | 1.36:1 | — |
| Aa #FDCFA1 on #FFF2E4 | 1.30:1 | — |
| Aa #FDCFA1 on #AAFFAA | 1.20:1 | — |
CSS variables
:root {
--color-1: #fdcfa1; /* Peach Beach */
--color-2: #aaffaa; /* Creamy Mint */
--color-3: #a2cffe; /* Baby Blue */
--color-4: #ffaaff; /* Jigglypuff */
--color-5: #fff2e4; /* Doeskin */
}Other schemes from Peach Beach
- Peach Beach Complementary Color Scheme#FDCFA1#FFF2E4#A2CFFE#55AAFF#E8F5FC
- Peach Beach Analogous Color Scheme#FFA6C9#FEA5A2#FDCFA1#FCFFA4#C1F9A2
- Peach Beach Triadic Color Scheme#FDCFA1#A5FBD5#CEA2FD#FFF2E4#55FFAA
- Peach Beach Split-complementary Color Scheme#FDCFA1#AAFFFF#A0A0FF#FFA857#E7FEFF
- Peach Beach Monochromatic Color Scheme#FF8008#FFA857#FDCFA1#FFF2E4#FFF2E4
More Very Light Orange tetradic palettes
- A Smell of Bakery Tetradic Color Scheme#F3E9D9#D8F2DC#D8E1F1#F4DAF1#F8F4ED
- Acropolis Tetradic Color Scheme#F8E2CA#C8F3CD#C6E3F7#FCCCF5#FBF4E8
- Air-Kiss Tetradic Color Scheme#F6DCD2#D8F3D7#D4E9F5#E8CEF6#FAEFE9
- Albescent Tetradic Color Scheme#E1DACB#C9E2CF#CBD1E1#E3CCDC#F6F4EF
- Almond Tetradic Color Scheme#EDDCC8#CBEFCB#C7DAED#EFC9EC#F8F4ED
- Almond Brittle Tetradic Color Scheme#E5D3B9#BBE6BB#B8CBE5#F1BFE2#F8F4ED
- Alpaca Tetradic Color Scheme#F9EDE2#E2F5E1#E0EBFA#F6E5F6#F8F1EB
- Ancient Scroll Tetradic Color Scheme#F0E4D1#D2EED6#D2DEF2#F0D5EA#F8F4ED
- Angel Wing Tetradic Color Scheme#F3DFD7#DBF4D8#D5EAF2#EED5EE#FAEFE9
- Angelic White Tetradic Color Scheme#F4EDE4#E3F5E5#E2ECF2#F2E4F5#F8F4ED
- Apricot Freeze Tetradic Color Scheme#F3CFB7#B8F8B8#B8DEF2#EEBBEE#FAEFE9
- Apricot Sherbet Tetradic Color Scheme#FBCD9F#98FB98#99CCFF#FF99FF#FFF1E8
Questions
What colors go with Peach Beach?
In a tetradic scheme: Creamy Mint (#AAFFAA), Baby Blue (#A2CFFE), Jigglypuff (#FFAAFF), Doeskin (#FFF2E4).
What is the hex code of Peach Beach?
#FDCFA1.