Pig Pink Triadic Color Scheme
Five colors arranged by the triadic rule around Pig Pink (#FDD7E4), each snapped to its nearest named color.
#FDD7E4
#E9FFDB
#D6EAFC
#FFE6F1
#B1FC99
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pig Pink | #FDD7E4 | 253, 215, 228 | 339°, 90%, 92% | 0, 15, 10, 1 | |
| Nyanza | #E9FFDB | 233, 255, 219 | 97°, 100%, 93% | 9, 0, 14, 0 | |
| Cloudless | #D6EAFC | 214, 234, 252 | 208°, 86%, 91% | 15, 7, 0, 1 | |
| Cherubic | #FFE6F1 | 255, 230, 241 | 334°, 100%, 95% | 0, 10, 5, 0 | |
| Pale Light Green | #B1FC99 | 177, 252, 153 | 105°, 94%, 79% | 30, 0, 39, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FDD7E4 on #E9FFDB | 1.24:1 | — |
| Aa #E9FFDB on #D6EAFC | 1.16:1 | — |
| Aa #E9FFDB on #B1FC99 | 1.15:1 | — |
| Aa #FDD7E4 on #FFE6F1 | 1.11:1 | — |
| Aa #E9FFDB on #FFE6F1 | 1.11:1 | — |
| Aa #FDD7E4 on #B1FC99 | 1.08:1 | — |
CSS variables
:root {
--color-1: #fdd7e4; /* Pig Pink */
--color-2: #e9ffdb; /* Nyanza */
--color-3: #d6eafc; /* Cloudless */
--color-4: #ffe6f1; /* Cherubic */
--color-5: #b1fc99; /* Pale Light Green */
}Other schemes from Pig Pink
- Pig Pink Complementary Color Scheme#FDD7E4#FFE6F1#D8FFF3#8CFFDB#EBFCF5
- Pig Pink Analogous Color Scheme#EEDDFF#FFDBF7#FDD7E4#FFDCD6#FCEFD6
- Pig Pink Split-complementary Color Scheme#FDD7E4#DDFFDD#DEF7FE#FF91AF#E7FBEC
- Pig Pink Tetradic Color Scheme#FDD7E4#F9FDD9#D8FFF3#DDDDFF#FFE6F1
- Pig Pink Monochromatic Color Scheme#F74480#FF91AF#FDD7E4#FFE6F1#FFE6F1
More Very Light Pink triadic palettes
- Antarctic Love Triadic Color Scheme#EDDEE6#E7EDDD#DEE6EC#F8EEF4#C0D2AD
- Baby Pink Triadic Color Scheme#FFB7CE#CFFDBC#B1D1FC#FFE5ED#9AF764
- Ballerina Triadic Color Scheme#F2CFDC#DAEFCE#D2DEF2#F8EAED#B2E191
- Berries N’ Cream Triadic Color Scheme#F2B8CA#CCEEBB#BBCFEF#F8EAED#9AE37D
- Berry Butter Triadic Color Scheme#EFCEDC#DAEFCE#CDDCED#F8EEF4#ABDF8F
- Blackberry Yoghurt Triadic Color Scheme#E5BDDF#DFE5BF#BBDEE5#F8EEF4#C4CD87
- Bride Triadic Color Scheme#EFE7EB#ECF0E5#E5EDF1#F5F0F1#C5D1B2
- Bubble Bath Triadic Color Scheme#E8E0E9#ECE9DD#DFEBE9#F6F1F4#CECBAE
- Bubblegum Crisis Triadic Color Scheme#EECCEE#EEEECC#CCEEEE#FCEBFA#DEDD98
- Bubblegum Heart Triadic Color Scheme#FFBADF#D1FFBD#BCDFFF#FFE6F1#BEFD73
- Bunny Tail Triadic Color Scheme#FFE3F4#F6FFE8#E8F5FC#FFE3F4#D8F19C
- Candy Bar Triadic Color Scheme#FFB7D5#D1FFBD#B1D1FC#FFE5EF#AEFD6C
Questions
What colors go with Pig Pink?
In a triadic scheme: Nyanza (#E9FFDB), Cloudless (#D6EAFC), Cherubic (#FFE6F1), Pale Light Green (#B1FC99).
What is the hex code of Pig Pink?
#FDD7E4.