Diva Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Diva Pink (#FA427E), each snapped to its nearest named color.
#FA427E
#4CFF7B
#45DCFF
#E50752
#87F8A3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Diva Pink | #FA427E | 250, 66, 126 | 340°, 95%, 62% | 0, 74, 50, 2 | |
| Experimintal Green | #4CFF7B | 76, 255, 123 | 136°, 100%, 65% | 70, 0, 52, 0 | |
| Berta Blue | #45DCFF | 69, 220, 255 | 191°, 100%, 64% | 73, 14, 0, 0 | |
| Howling Pink | #E50752 | 229, 7, 82 | 340°, 94%, 46% | 0, 97, 64, 10 | |
| Mild Menthol | #87F8A3 | 135, 248, 163 | 135°, 89%, 75% | 46, 0, 34, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E50752 on #87F8A3 | 3.57:1 | AA large |
| Aa #4CFF7B on #E50752 | 3.55:1 | AA large |
| Aa #45DCFF on #E50752 | 2.88:1 | — |
| Aa #FA427E on #87F8A3 | 2.60:1 | — |
| Aa #FA427E on #4CFF7B | 2.59:1 | — |
| Aa #FA427E on #45DCFF | 2.10:1 | — |
CSS variables
:root {
--color-1: #fa427e; /* Diva Pink */
--color-2: #4cff7b; /* Experimintal Green */
--color-3: #45dcff; /* Berta Blue */
--color-4: #e50752; /* Howling Pink */
--color-5: #87f8a3; /* Mild Menthol */
}Other schemes from Diva Pink
- Diva Pink Complementary Color Scheme#FA427E#FF9BB7#55FFAA#12E193#AAFFEE
- Diva Pink Analogous Color Scheme#AB46EC#FF44DD#FA427E#FE6346#F7BF43
- Diva Pink Triadic Color Scheme#FA427E#66FF55#4E7FFF#F8A4C0#55EE00
- Diva Pink Tetradic Color Scheme#FA427E#DFFF4F#55FFAA#6844FC#F8A4C0
- Diva Pink Monochromatic Color Scheme#9E003A#E50752#FA427E#FF91AF#FDD7E4
More Light Pink split-complementary palettes
- Always Rosey Split-complementary Color Scheme#E79DB3#9BE5AA#9ED6E8#DC6080#D9F2E3
- Atomic Pink Split-complementary Color Scheme#FB7EFD#CCFD7F#7EFFBA#FF33FF#EEFFCC
- Avant-Garde Pink Split-complementary Color Scheme#FF77EE#A9F971#7BFDC7#FF2FEB#DDFFCC
- Barbiecore Split-complementary Color Scheme#E15ACB#80E45F#56FCA2#C920B0#BBEE99
- Blush d’Amour Split-complementary Color Scheme#DE5D83#44DD66#5DC2DB#C92351#99EEAA
- Blushing Sky Split-complementary Color Scheme#D9B1D6#C1D6B1#B1DAC6#CD7DB5#EAF1E4
- Bubblegum Split-complementary Color Scheme#FF85FF#C4FE82#88FFCC#FF33FF#EEFFCC
- Bubblegum Beam Split-complementary Color Scheme#F887C7#90EE90#88FFEE#E936A7#CCFFCC
- Bubblegum Kisses Split-complementary Color Scheme#F092D6#A3E493#9CE5D6#F246A7#DBF4D8
- Candy Floss Split-complementary Color Scheme#E8A7E2#C5E6A4#A8E8CB#DA70D6#EBF7E4
- Candy Pink Split-complementary Color Scheme#FF63E9#9AF764#7BFDC7#FF1DCE#C8FFB0
- Classy Mauve Split-complementary Color Scheme#BB99AA#99BD91#90BDBD#A06582#C5DCC6
Questions
What colors go with Diva Pink?
In a split-complementary scheme: Experimintal Green (#4CFF7B), Berta Blue (#45DCFF), Howling Pink (#E50752), Mild Menthol (#87F8A3).
What is the hex code of Diva Pink?
#FA427E.