Self-Love Triadic Color Scheme
Five colors arranged by the triadic rule around Self-Love (#D22B6D), each snapped to its nearest named color.
#D22B6D
#66CC22
#276DD6
#E47CB8
#549019
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Self-Love | #D22B6D | 210, 43, 109 | 336°, 66%, 50% | 0, 80, 48, 18 | |
| Green High | #66CC22 | 102, 204, 34 | 96°, 71%, 47% | 50, 0, 83, 20 | |
| Enchanting Sapphire | #276DD6 | 39, 109, 214 | 216°, 69%, 50% | 82, 49, 0, 16 | |
| Fuchsia Blush | #E47CB8 | 228, 124, 184 | 325°, 66%, 69% | 0, 46, 19, 11 | |
| Vida Loca | #549019 | 84, 144, 25 | 90°, 70%, 33% | 42, 0, 83, 44 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #66CC22 on #276DD6 | 2.41:1 | — |
| Aa #D22B6D on #66CC22 | 2.37:1 | — |
| Aa #66CC22 on #549019 | 1.90:1 | — |
| Aa #276DD6 on #E47CB8 | 1.86:1 | — |
| Aa #D22B6D on #E47CB8 | 1.83:1 | — |
| Aa #E47CB8 on #549019 | 1.46:1 | — |
CSS variables
:root {
--color-1: #d22b6d; /* Self-Love */
--color-2: #66cc22; /* Green High */
--color-3: #276dd6; /* Enchanting Sapphire */
--color-4: #e47cb8; /* Fuchsia Blush */
--color-5: #549019; /* Vida Loca */
}Other schemes from Self-Love
- Self-Love Complementary Color Scheme#D22B6D#E86EAD#2DD78D#1E9167#77EEBB
- Self-Love Analogous Color Scheme#9632CE#CC33CC#D22B6D#D43728#D1902E
- Self-Love Split-complementary Color Scheme#D22B6D#32CD32#22C1D5#941751#64EB65
- Self-Love Tetradic Color Scheme#D22B6D#C2D62E#2DD78D#243BCD#E47CB8
- Self-Love Monochromatic Color Scheme#441122#941751#D22B6D#E96A97#EAACC6
More Medium Pink triadic palettes
- Akari Red Triadic Color Scheme#C90B42#46CB18#024ACA#F44772#2A8000
- Amor Triadic Color Scheme#EE3377#7FF23E#3D7AFD#FF91AF#55CC11
- Amora Purple Triadic Color Scheme#BB22AA#A4BF20#22AABB#E760D2#717910
- Anger Triadic Color Scheme#DD0055#55DD00#0055DD#F7468A#339900
- Aphroditean Fuchsia Triadic Color Scheme#DD14AB#B0DD16#1DACD6#E760D2#769C18
- Awkward Purple Triadic Color Scheme#D208CC#CDD80D#09CDCD#FF44EE#83890E
- Barbara Triadic Color Scheme#FF0FF3#EEFF11#0FF0FE#FC74FD#B5C306
- Bat’s Blood Soup Triadic Color Scheme#EE3366#68E52F#2B62F4#F091A9#46CB18
- Beet Wave Triadic Color Scheme#D4265D#58D332#214FC6#ED7A9E#44891A
- Beetroot Purple Triadic Color Scheme#D33376#75DE2F#3377CC#E585A5#5F9727
- Benevolent Pink Triadic Color Scheme#DD1188#88DD11#0088DC#EE66BB#5C8B15
- Bermuda Onion Triadic Color Scheme#9D5A8F#8F9B5B#5B8D9F#CA99B7#607038
Questions
What colors go with Self-Love?
In a triadic scheme: Green High (#66CC22), Enchanting Sapphire (#276DD6), Fuchsia Blush (#E47CB8), Vida Loca (#549019).
What is the hex code of Self-Love?
#D22B6D.