Pan Purple Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pan Purple (#657AEF), each snapped to its nearest named color.
#657AEF
#F69268
#BEEF69
#273BE2
#F6C4A6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pan Purple | #657AEF | 101, 122, 239 | 231°, 81%, 67% | 58, 49, 0, 6 | |
| Melon Red | #F69268 | 246, 146, 104 | 18°, 89%, 69% | 0, 41, 58, 4 | |
| Green Cow | #BEEF69 | 190, 239, 105 | 82°, 81%, 67% | 21, 0, 56, 6 | |
| Palatinate Blue | #273BE2 | 39, 59, 226 | 234°, 76%, 52% | 83, 74, 0, 11 | |
| Peach Damask | #F6C4A6 | 246, 196, 166 | 23°, 82%, 81% | 0, 20, 33, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BEEF69 on #273BE2 | 5.60:1 | AA |
| Aa #273BE2 on #F6C4A6 | 4.76:1 | AA |
| Aa #F69268 on #273BE2 | 3.28:1 | AA large |
| Aa #657AEF on #BEEF69 | 2.82:1 | — |
| Aa #657AEF on #F6C4A6 | 2.39:1 | — |
| Aa #657AEF on #273BE2 | 1.99:1 | — |
CSS variables
:root {
--color-1: #657aef; /* Pan Purple */
--color-2: #f69268; /* Melon Red */
--color-3: #beef69; /* Green Cow */
--color-4: #273be2; /* Palatinate Blue */
--color-5: #f6c4a6; /* Peach Damask */
}Other schemes from Pan Purple
- Pan Purple Complementary Color Scheme#657AEF#BFC0EE#EEDD66#EECC22#FBF1C0
- Pan Purple Analogous Color Scheme#6FE7DB#6CBAE7#657AEF#8866FF#CC69E4
- Pan Purple Triadic Color Scheme#657AEF#EA6777#75FD63#C1C6FC#E32636
- Pan Purple Tetradic Color Scheme#657AEF#EE66BB#EEDD66#64E986#C1C6FC
- Pan Purple Monochromatic Color Scheme#1034A6#273BE2#657AEF#A3B1F2#E8EEFE
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
Questions
What colors go with Pan Purple?
In a split-complementary scheme: Melon Red (#F69268), Green Cow (#BEEF69), Palatinate Blue (#273BE2), Peach Damask (#F6C4A6).
What is the hex code of Pan Purple?
#657AEF.