Pink Triadic Color Scheme
Five colors arranged by the triadic rule around Pink (#FFC0CB), each snapped to its nearest named color.
#FFC0CB
#CCFFC2
#C1C6FC
#FFE6EC
#8CFD7E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pink | #FFC0CB | 255, 192, 203 | 350°, 100%, 88% | 0, 25, 20, 0 | 86.8% 0.074 7 | |
| Frosted Mint Hills | #CCFFC2 | 204, 255, 194 | 110°, 100%, 88% | 20, 0, 24, 0 | 94.9% 0.096 140 | |
| Light Periwinkle | #C1C6FC | 193, 198, 252 | 235°, 91%, 87% | 23, 21, 0, 1 | 84.1% 0.076 281 | |
| Nosegay | #FFE6EC | 255, 230, 236 | 346°, 100%, 95% | 0, 10, 7, 0 | 94.7% 0.028 1 | |
| Easter Green | #8CFD7E | 140, 253, 126 | 113°, 97%, 74% | 45, 0, 50, 1 | 89.9% 0.195 142 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CCFFC2 on #C1C6FC | 1.46:1 | — |
| Aa #C1C6FC on #FFE6EC | 1.39:1 | — |
| Aa #FFC0CB on #CCFFC2 | 1.37:1 | — |
| Aa #FFC0CB on #FFE6EC | 1.30:1 | — |
| Aa #C1C6FC on #8CFD7E | 1.29:1 | — |
| Aa #FFC0CB on #8CFD7E | 1.21:1 | — |
CSS variables
:root {
--color-1: #ffc0cb; /* Pink */
--color-2: #ccffc2; /* Frosted Mint Hills */
--color-3: #c1c6fc; /* Light Periwinkle */
--color-4: #ffe6ec; /* Nosegay */
--color-5: #8cfd7e; /* Easter Green */
}Other schemes from Pink
- Pink Complementary Color Scheme#FFC0CB#FFE6EC#C4FFF7#77EEEE#E7FEFF
- Pink Analogous Color Scheme#EFC0FE#FDC5E3#FFC0CB#FFD2C1#FDF2C0
- Pink Split-complementary Color Scheme#FFC0CB#C1FDC9#C1EBFF#FF7788#E6FDF1
- Pink Tetradic Color Scheme#FFC0CB#EEF9C1#C4FFF7#D0C7FF#FFE6EC
- Pink Monochromatic Color Scheme#FC2647#FF7788#FFC0CB#FFE6EC#FFE6EC
More very light red triadic color schemes
- Abloom Triadic Color Scheme#F1CBCD#CEF0CC#CCCCEE#F9EAEB#94E089
- Angelic Wings Triadic Color Scheme#F4EFEE#EFF5F1#EBEEF3#F4EFEE#BDD8C0
- Angry Ghost Triadic Color Scheme#EEBBBB#BBE6BB#BCBDE4#F9EAEB#77DD77
- Apricot Haze Triadic Color Scheme#FFAAAA#AAFFAA#AAAAFF#FFE6E4#53FE5C
- Ballet Triadic Color Scheme#F7D5D4#D8F3D7#D2D8F4#F9EAEA#90EE90
- Ballet Slippers Triadic Color Scheme#FCA2AD#B2FBA5#AAAAFF#FDE6E7#66FF55
- Berry Good Triadic Color Scheme#EDC3C5#C1EFC6#C4C0E9#F9EAEB#98D98E
- Bloodthirsty Beige Triadic Color Scheme#F8D7D0#D2F4DD#DCD0FF#FCEBEB#90EE90
- Blowing Kisses Triadic Color Scheme#F6DEE0#E1F2DF#D8E1F1#F9EAEB#A8E4A0
- Blush Kiss Triadic Color Scheme#EABCC0#C2ECBC#B7C0EA#F8EAED#8CCE86
- Blush Rush Triadic Color Scheme#F0BCBE#B8F8B8#B8B8F8#F9EAEB#8DE07C
- Butterfly Kisses Triadic Color Scheme#F0DEDC#DEF1DD#DDDCEF#F6EEED#A5D7B2
Questions
What colors go with Pink?
In a triadic scheme: Frosted Mint Hills (#CCFFC2), Light Periwinkle (#C1C6FC), Nosegay (#FFE6EC), Easter Green (#8CFD7E).
What is the hex code of Pink?
#FFC0CB.